:root{color-scheme:light;--paper:#fcf9f1;--ink:#38362e;--muted:#716d5f;--line:#dfd9c7;--butter:#eee3b6;--cream:#f5edce;--dark:#575a3e;--white:#fffef9;--shadow:0 14px 40px #6f60330a;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7f8057;outline-offset:4px}button:disabled{cursor:default;opacity:.5}.topbar{max-width:1100px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{border:0;background:none;font-weight:700;display:flex;align-items:center;gap:10px;padding:0;font-size:16px}.brand-mark{background:var(--butter);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:26px}.quiet{border:0;background:none;color:var(--muted);padding:10px;font-size:14px}.quiet:hover{text-decoration:underline}main{max-width:980px;margin:0 auto;min-height:70vh;padding:36px 30px 70px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,5vw,60px);line-height:1.23;letter-spacing:-2px;font-weight:650;margin-bottom:22px}h2{font-size:25px;line-height:1.4;font-weight:650}h3{font-size:18px;line-height:1.5}p{line-height:1.85}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--muted);margin-bottom:18px}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;padding:15px 0 44px}.hero p{max-width:470px;font-size:17px}.art{height:230px;position:relative;display:flex;align-items:center;justify-content:center}.blob{width:135px;height:155px;border:2px solid #77704d;border-radius:50% 48% 44% 46%;background:var(--butter);transform:rotate(-13deg);position:relative;box-shadow:8px 10px 0 #ded7bf55}.blob.two{margin-left:-18px;background:#f9f3db;transform:rotate(14deg) translateY(25px);z-index:1}.blob:before{content:'· ·';letter-spacing:10px;font-size:32px;position:absolute;top:47px;left:43px;white-space:nowrap}.blob:after{content:'';position:absolute;width:17px;height:8px;left:57px;top:87px;border-bottom:2px solid #77704d;border-radius:50%}.spark{position:absolute;right:30px;top:16px;font-size:32px;color:#9d8e4f}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.entry,.panel,.result-card{border:1px solid var(--line);border-radius:24px;background:var(--white);padding:30px;box-shadow:var(--shadow)}.entry{display:flex;flex-direction:column;position:relative;overflow:hidden}.entry:first-child{background:#f4edcf}.entry .number{font-size:13px;letter-spacing:2px;color:var(--muted);margin-bottom:24px}.entry h2{font-size:27px}.entry p{color:var(--muted);flex:1}.entry button{align-self:flex-start}.primary,.secondary,.danger{padding:13px 21px;border-radius:100px;border:1px solid var(--line);min-height:46px}.primary{background:var(--dark);color:white;border-color:var(--dark)}.primary:hover{background:#45482e}.secondary{background:var(--white)}.secondary:hover{background:var(--cream)}.danger{background:#fff8ef;color:#8b492f;border-color:#dfcbb4}.fine{font-size:14px;color:var(--muted);line-height:1.8}.home-note{padding:26px 4px 0;display:flex;gap:16px;justify-content:space-between}.home-note p{max-width:550px;margin-bottom:0}.footer{max-width:1040px;margin:0 auto;border-top:1px solid var(--line);padding:22px 30px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.narrow{max-width:720px;margin:auto}.crumb{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.pill{font-size:13px;background:var(--cream);border-radius:100px;padding:6px 13px;color:#666043}.progress{height:5px;border-radius:20px;background:#e9e4d6;overflow:hidden;margin:0 0 30px}.progress span{display:block;height:100%;background:#9c9d70}.page-title{font-size:34px;letter-spacing:-1px}.premise{font-size:17px;line-height:1.9;background:var(--cream);padding:23px;border-radius:18px;border:1px solid #e7dcaf;margin:22px 0 28px}.premise p{margin:0}details{border-top:1px solid var(--line);padding:16px 0;margin-bottom:12px}summary{cursor:pointer;font-size:14px;color:var(--muted)}details p{margin:12px 0 0;font-size:14px}.field{border:0;padding:0;margin:30px 0}.field legend{font-weight:650;font-size:18px;line-height:1.6;padding:0;margin-bottom:6px}.field-hint{font-size:13px;color:var(--muted);margin:0 0 12px}.options{display:grid;gap:9px}.option{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:14px;cursor:pointer;line-height:1.6;min-width:0}.option:hover{background:#faf6e6}.option:has(input:checked){background:#f2e9bf;border-color:#b2a462}.option input{margin:5px 0 0;flex:0 0 auto;accent-color:var(--dark);width:17px;height:17px}.option span{overflow-wrap:anywhere}.text-input{width:100%;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--ink);line-height:1.65}.nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px;align-items:center;flex-wrap:wrap}.nav-right{display:flex;gap:8px;flex-wrap:wrap}.under-nav{text-align:center;margin-top:18px}.result-card{margin:18px 0;padding:24px}.result-card h3{margin-bottom:12px}.result-card ul{padding-left:22px;line-height:1.85;margin:12px 0}.result-card li{margin-bottom:7px}.result-card .scope{color:var(--muted);font-size:14px;line-height:1.8}.result-card button{margin-top:8px}.banner{padding:18px 22px;background:var(--cream);border-radius:16px;margin:20px 0;font-size:15px;line-height:1.8}.module-list{display:grid;gap:14px}.module-button{text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--white);padding:22px;display:flex;gap:20px;align-items:center;width:100%}.module-button:hover{background:var(--cream)}.module-letter{font-family:Georgia,serif;font-size:32px;color:#8b8052;width:30px}.module-button strong{display:block;font-size:18px;margin-bottom:6px}.module-button small{display:block;color:var(--muted);line-height:1.7;font-size:14px}.tools{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.result-title{font-size:32px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:22px;padding:28px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#302d2455}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.save-note{font-size:13px;color:var(--muted);margin-top:24px}.export-text{min-height:260px;resize:vertical}.welcome-back{font-size:14px;margin:0 0 12px;color:var(--dark)}
@media(max-width:600px){.topbar{padding:18px 18px}.brand{font-size:14px}.quiet{font-size:13px;padding:9px 4px}main{padding:20px 18px 44px}.hero{grid-template-columns:1fr;gap:0;padding:8px 0 26px}.hero h1{font-size:40px}.hero p{font-size:16px;margin-bottom:0}.art{height:140px;justify-content:flex-end;margin-top:-8px;margin-right:18px}.blob{width:82px;height:94px;box-shadow:5px 6px 0 #ded7bf55}.blob:before{font-size:24px;left:23px;top:23px;letter-spacing:4px}.blob:after{width:13px;left:33px;top:51px}.blob.two{transform:rotate(14deg) translateY(10px);margin-left:-8px}.spark{right:180px;top:36px;font-size:25px}.cards{grid-template-columns:1fr;gap:14px}.entry{padding:24px}.entry .number{margin-bottom:16px}.entry h2{font-size:25px;margin-bottom:12px}.entry p{font-size:15px}.home-note{display:block}.home-note button{margin-top:12px}.footer{margin:0 18px;padding:20px 0;display:block}.footer span{display:block;margin-top:8px}.page-title{font-size:29px}.premise{padding:19px;font-size:16px}.field{margin:26px 0}.field legend{font-size:17px}.option{padding:13px 12px;font-size:15px}.panel{padding:22px}.nav{align-items:stretch}.nav-right{justify-content:flex-end}.primary,.secondary,.danger{padding:12px 17px}.result-card{padding:20px}.result-title{font-size:29px}.crumb{font-size:13px}.module-button{padding:18px;gap:14px}.tools>*{flex:1 1 130px}.home-note p{font-size:14px}}
.path-question{font-size:clamp(27px,4vw,39px);line-height:1.5;letter-spacing:-.5px;margin:28px 0 20px}.path-premise{line-height:1.9;color:var(--muted);padding-left:18px;border-left:3px solid #d7c990;font-size:16px}.path-alternatives{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.concept-explainer{margin:24px 0 28px}.concept-explainer h2,.assumption-box h2{font-size:18px;margin-bottom:12px}.concept-explainer p{font-size:16px;margin-bottom:14px}.example-text{color:var(--muted);padding-left:15px;border-left:2px solid #d8cea9}.assumption-box{padding:22px;background:var(--cream);border-radius:18px;margin:20px 0 12px}.assumption-box p{margin-bottom:0;line-height:1.85}.scenario-switch{border:0;padding-top:0}.paper-art{isolation:isolate;min-width:0}.paper-sheet{position:absolute;width:142px;height:174px;border:1.5px solid #b5a576;border-radius:14px;box-shadow:6px 9px 0 #c7bba92b}.sheet-back{background:#eae0b4;transform:rotate(-17deg);margin-left:-66px;margin-top:-25px}.sheet-front{background:#fffaf0;transform:rotate(13deg);margin-left:60px;margin-top:22px;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:27px}.sheet-front i{display:block;height:5px;border-radius:10px;background:#ddd0a2}.sheet-front i:nth-child(2){width:65%}.sheet-front i:nth-child(3){width:80%}.paper-star{position:absolute;color:#aa985e;font-size:34px}.star-one{top:10px;right:22px}.star-two{bottom:0;left:24px;font-size:27px}.paper-dot{position:absolute;width:9px;height:9px;background:#c7bd91;border-radius:50%}.dot-one{top:14px;left:38px}.dot-two{bottom:16px;right:38px;width:6px;height:6px}.paper-loop{position:absolute;width:36px;height:55px;border:2px solid #a7a97e;border-radius:20px;transform:rotate(27deg);top:18px;left:50%;z-index:2}
@media(max-width:600px){.paper-art{height:150px;margin-top:0}.paper-sheet{width:78px;height:96px;border-radius:9px}.sheet-back{right:64px;margin:0;top:20px}.sheet-front{right:16px;margin:0;top:36px;padding:16px;gap:9px}.sheet-front i{height:3px}.paper-loop{width:20px;height:31px;left:auto;right:73px;top:15px}.star-one{right:0;top:6px;font-size:24px}.star-two{left:auto;right:159px;bottom:18px;font-size:25px}.dot-one{left:auto;right:170px;top:30px;width:6px;height:6px}.dot-two{right:3px;bottom:9px}.concept-explainer p{font-size:15px}.assumption-box{padding:18px}}
@media(prefers-reduced-motion:no-preference){.entry,.option,.module-button{transition:background .15s ease}.primary,.secondary{transition:background .15s ease}}