:root{--ink:#25372d;--cream:#fffaf0;--paper:#fffdf7;--red:#e74433;--green:#2d7549;--yellow:#ffcb48;--line:#dedfce;--muted:#66756b;--blue:#c7ebf7;--shadow:4px 4px 0 var(--ink)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #297cc3;outline-offset:4px}a{color:var(--green);text-underline-offset:4px}svg{display:block}button{border-radius:0}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.5px}.site-header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;gap:16px}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;text-align:left;padding:0}.brand-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--red);color:white;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:900;font-size:24px}.brand strong{display:block;font-size:17px;letter-spacing:1px}.brand small{font-size:10px;color:var(--muted);letter-spacing:2px}.header-actions{display:flex;gap:20px;align-items:center}.text-button{padding:5px 0;background:none;border:0;font-size:13px;text-decoration:underline;text-underline-offset:5px}.chip{font-size:11px;border:1px solid var(--line);padding:5px 10px;white-space:nowrap;background:var(--paper)}.chip i{display:inline-block;width:6px;height:6px;background:var(--green);margin-right:7px}.container{max-width:1184px;margin:auto;padding:36px 28px 0}.eyebrow{font:12px ui-monospace,monospace;letter-spacing:2px;font-weight:700;color:var(--green);text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:34px;align-items:center;padding:22px 0 45px}.hero h1{font-size:clamp(38px,4.6vw,63px);line-height:1.25;letter-spacing:-2px;margin:22px 0}.hero h1 em{color:var(--red);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;bottom:-7px;left:0;width:100%;height:6px;background:var(--yellow);z-index:-1}.hero-copy{font-size:15px;max-width:420px;color:var(--muted);line-height:1.9}.hero-cta{display:flex;gap:14px;align-items:center;margin:27px 0 16px;flex-wrap:wrap}.btn{border:2px solid var(--ink);padding:12px 23px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;transition:transform .15s,box-shadow .15s}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0}.btn.primary{background:var(--red);color:white}.btn.green{background:var(--green);color:white}.btn.small{padding:7px 14px;font-size:13px;min-height:38px}.fine{font-size:12px;color:var(--muted)}.hero-art{position:relative;border:3px solid var(--ink);box-shadow:7px 7px 0 #e3deca;background:var(--blue)}.hero-art .art-top{padding:10px 15px;background:var(--yellow);border-bottom:3px solid var(--ink);display:flex;justify-content:space-between;font:11px ui-monospace,monospace;font-weight:bold}.hero-art svg{width:100%;height:auto;image-rendering:pixelated}.art-bottom{padding:11px 14px;background:var(--paper);display:flex;justify-content:space-between;border-top:3px solid var(--ink);font-size:12px}.floating-tag{position:absolute;left:-18px;top:58px;transform:rotate(-5deg);padding:6px 13px;background:var(--red);color:#fff;border:2px solid var(--ink);font-size:12px;font-weight:700}.intro-note{padding:21px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:22px;font-size:14px}.intro-note strong{font-size:16px}.intro-note p{margin:0;color:var(--muted)}.journey{padding:30px 0 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.journey-card{display:flex;gap:15px;align-items:flex-start}.pixel-num{background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:5px 9px;font:20px ui-monospace,monospace;font-weight:900}.journey-card h3{margin:0 0 4px;font-size:15px}.journey-card p{margin:0;color:var(--muted);font-size:12px}.footer{max-width:1184px;margin:30px auto 0;border-top:1px solid var(--line);padding:20px 28px;display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px}.progress{display:flex;gap:0;margin:0 0 27px;list-style:none;padding:0}.progress li{flex:1;position:relative}.progress button{width:100%;border:0;border-top:3px solid #d6dbcd;background:none;text-align:left;padding:13px 0 0;display:flex;gap:9px;align-items:center;font-size:12px}.progress .active button{border-color:var(--red);color:var(--red);font-weight:800}.progress .done button{border-color:var(--green)}.progress .step-icon{font:12px ui-monospace,monospace;border:1px solid currentColor;width:23px;height:23px;display:grid;place-items:center}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}.stage-title{margin:9px 0 13px;font-size:32px;letter-spacing:-1px;line-height:1.35}.stage-intro{font-size:14px;color:var(--muted);margin:0 0 23px}.label{font-size:10px;background:#eaf0e4;padding:4px 8px;display:inline-block;font-weight:700;color:var(--green);letter-spacing:.7px}.label.real{background:#dfeaf5;color:#315d8c}.panel{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 #e5e2d4}.panel-heading{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.demo{height:208px;background:var(--blue);position:relative;overflow:hidden}.demo .ground{position:absolute;bottom:0;height:38px;width:100%;background:repeating-linear-gradient(90deg,transparent 0 31px,#986c3c 32px 34px),repeating-linear-gradient(0deg,#d79b50 0 14px,#986c3c 15px 17px);border-top:8px solid #70a83f}.demo .cloud{position:absolute;background:#fff;width:70px;height:18px;top:35px;left:12%;box-shadow:15px -13px 0 white,35px -6px 0 white}.demo .cloud.second{left:66%;top:25px;transform:scale(.65)}.pipe{position:absolute;width:52px;height:70px;bottom:38px;left:70%;background:linear-gradient(90deg,#267d42 0 8px,#7dc34b 8px 16px,#49a543 16px 38px,#276939 38px);border:3px solid #254d30}.pipe:before{content:"";position:absolute;top:-3px;left:-9px;width:64px;height:20px;background:linear-gradient(90deg,#8dd554,#3b9e44);border:3px solid #254d30}.question-block{position:absolute;left:42%;top:42px;width:38px;height:38px;border:3px solid #8b5b21;background:var(--yellow);box-shadow:3px 3px 0 #b68131;font:27px ui-monospace,monospace;font-weight:900;text-align:center;line-height:31px;color:#fff}.avatar{position:absolute;left:22%;bottom:38px;width:41px;height:51px;animation:idle 1.3s steps(2) infinite}.avatar svg{width:100%;height:100%}.avatar.jump{animation:jump .65s ease-out}.speech{position:absolute;bottom:108px;left:30%;background:white;border:2px solid var(--ink);padding:9px 13px;font-size:12px;max-width:190px;box-shadow:3px 3px 0 #6ba1ad}.speech:after{content:"";position:absolute;left:15px;bottom:-8px;width:10px;height:10px;background:white;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.demo-tools{padding:12px 15px;display:flex;justify-content:space-between;gap:10px;align-items:center}.segmented{display:flex;border:1px solid var(--line)}.segmented button{border:0;background:transparent;padding:7px 10px;font-size:12px}.segmented button.selected{background:var(--ink);color:white}.field-title{font-size:15px;font-weight:800;margin:24px 0 10px;display:flex;align-items:center;gap:9px}.field-title .number{font:11px ui-monospace,monospace;color:var(--red)}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{position:relative;padding:13px 12px;border:1.5px solid #cdd4c5;background:var(--paper);text-align:left;min-height:86px}.choice:hover{border-color:var(--green);background:#f3f6e9}.choice.selected{border:2px solid var(--green);background:#ecf3e4;box-shadow:2px 2px 0 var(--green);padding:12.5px 11.5px}.choice strong{font-size:14px;display:block}.choice small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.choice .mark{font-size:10px;color:var(--green);position:absolute;right:7px;top:5px}.constraint{display:flex;gap:8px;flex-wrap:wrap}.constraint button{background:var(--paper);border:1px solid #cdd4c5;padding:8px 12px;font-size:12px}.constraint button.selected{background:var(--yellow);border-color:var(--ink)}.next-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 8px}.next-row .fine{max-width:320px}.notebook{position:sticky;top:24px;align-self:start;border:2px solid var(--ink);background:#fff5ce;box-shadow:4px 4px 0 #e7dfbd}.notebook-head{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:2px solid var(--ink);font-size:12px;font-weight:800}.notebook-body{padding:18px}.note-role{font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.notebook h3{font-size:18px;line-height:1.5;margin:0 0 16px}.note-row{border-top:1px dashed #c6b980;padding:13px 0}.note-row small{font-size:10px;display:block;color:#81734f;margin-bottom:3px}.note-row p{font-size:12px;margin:0}.note-empty{color:#958a66}.note-bottom{background:var(--ink);color:#fff9df;font-size:11px;padding:12px 17px}.theory{border-left:3px solid var(--green);padding:12px 15px;background:#edf2e7;margin-top:24px}.theory small{font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--green)}.theory p{font-size:13px;margin:5px 0 0}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evidence{border:1px solid var(--line);background:var(--paper);padding:16px;text-align:left;min-height:122px}.evidence .serial{font:10px ui-monospace,monospace;color:var(--green);letter-spacing:1px}.evidence h3{font-size:16px;margin:9px 0 4px}.evidence p{font-size:13px;color:var(--muted);margin:0}.evidence.unread{border:1.5px dashed #94ab96;display:flex;flex-direction:column;justify-content:center;background:#edf2e7}.evidence.unread h3{font-size:14px}.evidence .read-note{margin-top:10px;color:var(--green);font-size:10px}.opinions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.opinions button{border:1.5px solid #ccd4c8;padding:11px 6px;background:var(--paper);font-size:13px}.opinions button.selected{background:var(--ink);color:white;border-color:var(--ink)}.new-evidence{margin:22px 0 0;border:2px solid var(--ink);background:var(--yellow);padding:17px;display:flex;gap:20px;align-items:center}.new-evidence .big{font:900 46px ui-monospace,monospace;line-height:1}.new-evidence .big span{font-size:11px;display:block;margin-top:8px}.new-evidence p{margin:0;font-size:13px}.new-evidence strong{display:block;font-size:16px;margin-bottom:4px}.reveal-button{margin-top:20px;width:100%;background:var(--yellow)}.info-choice{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--line);background:var(--paper);padding:10px 13px;font-size:13px;margin:7px 0}.info-choice.selected{border-color:var(--green);background:#edf3e5}.info-response{font-size:12px;color:var(--muted);padding:10px 13px;background:#eeeee4}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.path-grid .choice{padding:17px;min-height:112px}.path-grid .choice.selected{padding:16.5px}.path-letter{font:900 21px ui-monospace,monospace;color:var(--green);display:block;margin-bottom:6px}.consequence{margin:18px 0;background:#f0f3e8;border:1px solid #c6d2b9;padding:18px}.consequence h3{font-size:15px;margin:5px 0 10px}.consequence p{font-size:13px;margin:8px 0;color:var(--muted)}.consequence strong{color:var(--ink)}.select-list{display:flex;flex-direction:column;gap:8px}.select-list button{background:var(--paper);border:1px solid var(--line);padding:11px 13px;text-align:left;font-size:13px}.select-list button.selected{border-color:var(--green);background:#edf3e5;box-shadow:2px 2px 0 var(--green)}textarea{width:100%;min-height:80px;resize:vertical;border:1px solid #a6b49f;padding:12px;background:var(--paper);font-size:13px;color:var(--ink)}.reveal-hero{border:3px solid var(--ink);background:var(--yellow);padding:25px;display:flex;align-items:center;gap:24px;box-shadow:var(--shadow);margin:10px 0 28px}.flower{width:94px;min-width:94px}.reveal-hero h2{font-size:29px;line-height:1.35;margin:8px 0}.reveal-hero p{font-size:13px;margin:0;color:#5f582c}.timeline{margin:25px 0 0;position:relative}.timeline-item{display:grid;grid-template-columns:32px 1fr;gap:12px;padding-bottom:24px}.timeline-item .dot{height:27px;width:27px;border:2px solid var(--green);background:#eaf2de;display:grid;place-items:center;font:12px monospace}.timeline-item h3{margin:0 0 5px;font-size:16px}.timeline-item p{margin:0;color:var(--muted);font-size:13px}.history-source{padding:15px;border:1px solid var(--line);font-size:12px;background:var(--paper)}.history-source p{margin:7px 0 0;color:var(--muted)}.journal{margin-top:25px}.journal h3{font-size:19px;margin:0 0 13px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.journal-cell{border-top:3px solid var(--green);background:#edf1e4;padding:15px}.journal-cell small{font:10px ui-monospace,monospace;color:var(--green)}.journal-cell strong{font-size:15px;display:block;margin:8px 0}.journal-cell p{font-size:12px;margin:0;color:var(--muted)}.decision-note{font-size:14px;line-height:1.9;padding:20px;border:1px solid var(--line);background:var(--paper);margin:15px 0}.decision-note b{background:#fff1b3;padding:2px 4px}.wrap-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.source-inline{font-size:11px;margin-top:11px;display:block}dialog{border:2px solid var(--ink);padding:28px;max-width:580px;width:calc(100% - 32px);background:var(--cream);color:var(--ink);box-shadow:7px 7px 0 #0005}dialog::backdrop{background:#1c342aa6}dialog h2{margin:0 0 16px;font-size:22px}dialog p{font-size:14px}dialog .sources-list{display:flex;flex-direction:column;gap:14px;font-size:13px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 20px;font-size:13px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes idle{50%{transform:translateY(-2px)}}@keyframes jump{0%,100%{transform:translateY(0)}45%{transform:translateY(-65px)}}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stage{animation:enter .25s ease-out}
@media(min-width:1400px){.container{padding-top:45px}.hero{padding-top:35px;padding-bottom:58px}}
@media(max-width:900px){.work-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.hero{gap:24px}.hero h1{font-size:43px}.notebook-body{padding:14px}.container{padding:28px 22px 0}.site-header{padding:0 22px}.choices{gap:8px}.choice strong{font-size:13px}}
@media(max-width:700px){.site-header{height:70px;padding:0 18px}.brand strong{font-size:14px}.brand small{font-size:8px}.brand-icon{width:31px;height:31px;font-size:20px}.header-actions{gap:12px}.header-actions .chip{display:none}.container{padding:25px 18px 0}.hero{grid-template-columns:1fr;padding-top:0;gap:25px}.hero h1{font-size:43px;letter-spacing:-1.5px;margin:15px 0}.hero-copy{font-size:14px;max-width:none}.hero-art{margin:0 5px 0 7px}.floating-tag{left:-10px}.intro-note{grid-template-columns:1fr;gap:9px;padding:20px 0}.journey{grid-template-columns:1fr;gap:21px;padding-top:25px}.journey-card p{font-size:12px}.footer{padding:17px 18px;flex-direction:column;gap:7px}.progress{margin-bottom:24px}.progress button{font-size:11px;gap:5px;padding-top:10px}.progress .step-icon{width:20px;height:20px;font-size:10px}.work-layout{display:flex;flex-direction:column;gap:25px}.notebook{position:static;order:2;width:100%}.notebook h3{font-size:16px}.notebook-body{padding:15px 18px}.stage-title{font-size:28px}.stage-intro{font-size:13px}.choices{grid-template-columns:1fr}.choice{min-height:65px;padding:12px 14px}.choice.selected{padding:11.5px 13.5px}.choice strong{font-size:14px}.choice small{font-size:12px}.choices .choice{display:flex;align-items:center;justify-content:space-between;gap:10px}.choices .choice small{max-width:53%;text-align:right;margin:0}.next-row{align-items:stretch;flex-direction:column;gap:13px}.next-row .btn{width:100%}.next-row .fine{max-width:none}.evidence-grid{gap:10px}.evidence{padding:12px;min-height:130px}.evidence h3{font-size:14px}.evidence p{font-size:12px}.opinions{grid-template-columns:1fr 1fr}.demo-tools{padding:10px;gap:5px}.segmented button{padding:7px 9px}.demo-tools .btn{font-size:11px;gap:4px}.speech{left:32%;max-width:170px}.path-grid .choice{padding:13px;min-height:118px}.path-grid .choice.selected{padding:12.5px}.path-grid .choice small{text-align:left}.reveal-hero{gap:15px;padding:18px 14px}.flower{width:65px;min-width:65px}.reveal-hero h2{font-size:23px}.journal-grid{grid-template-columns:1fr}.journal-cell{padding:13px 15px}.wrap-actions .btn{flex:1;font-size:12px;padding:10px 12px}.new-evidence{gap:15px;padding:14px}.new-evidence .big{font-size:37px}.new-evidence strong{font-size:14px}.eyebrow{font-size:10px}.fine{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}