*{box-sizing:border-box}body{color:#243431;background:#f5f3ed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;background:#fffdf7;border:1px solid #cbd1c7;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:650;transition:background .15s,transform .15s}button:hover{background:var(--soft);transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app{min-height:100vh}.app header{border-bottom:1px solid #d7dacf;justify-content:space-between;align-items:center;height:80px;padding:0 max(5vw,24px);display:flex}.brand{color:inherit;letter-spacing:-.7px;align-items:center;gap:12px;font-size:19px;font-weight:750;text-decoration:none;display:flex}.brand-icon{background:var(--accent);color:#fff;border-radius:9px;place-items:center;width:35px;height:35px;font-size:25px;font-weight:400;display:grid}.header-meta{letter-spacing:1.7px;align-items:center;gap:12px;font-size:9px;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.version{border:1px solid #ced2c8;margin-left:32px;padding:6px 9px}main{max-width:1460px;margin:auto;padding:0 5vw}.intro{justify-content:space-between;align-items:center;gap:30px;padding:48px 0 38px;display:flex}.eyebrow{letter-spacing:2px;color:var(--accent);margin:0 0 17px;font-size:9px;font-weight:800}h1{letter-spacing:-2px;max-width:850px;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4.2vw,60px);font-weight:400;line-height:1.03}.description{color:#617069;max-width:680px;margin:0;font-size:14px;line-height:1.7}.intro-stamp{border:1px solid #cfd3c8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:108px;height:108px;display:flex;transform:rotate(-10deg)}.intro-stamp span{color:var(--accent);font-size:38px}.intro-stamp small{letter-spacing:1px;font-size:7px;line-height:1.8}.workbench{grid-template-columns:305px minmax(0,1fr);align-items:start;gap:28px;display:grid}.controls{background:#fffdf7;border:1px solid #d6dacf;border-radius:12px;padding:21px;overflow:hidden}.section-title{letter-spacing:1.2px;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;display:flex}.text-button{color:var(--accent);background:0 0;border:0;padding:0;font-size:10px}.presets{gap:5px;margin:20px 0 23px;display:flex}.presets button{white-space:nowrap;background:#f1f1e9;border-color:#0000;flex:1;padding:8px 7px;font-size:9px}.field{margin:0 0 20px;display:block}.field>span{justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:650;display:flex}.field small{color:#7b867d;font-size:10px;font-weight:400}.field>div{align-items:center;gap:13px;display:flex}.field input[type=number]{font-variant-numeric:tabular-nums;color:#253e37;background:#fff;border:1px solid #d6dbd0;border-radius:5px;width:80px;padding:9px 8px;font-size:14px}.field input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:4px}.control-footer{border-top:1px solid #e2e5db;align-items:center;gap:8px;padding-top:16px;display:flex}.control-footer button{padding:6px 8px;font-size:10px}.control-footer span{color:#78877a;font-size:8px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:19px;display:grid}.metrics article{background:var(--soft);border:1px solid #ccd4c6;border-radius:10px;padding:19px 18px}.metrics article>span{color:#56675d;font-size:10px;font-weight:550}.metrics article>div{letter-spacing:-1px;flex-wrap:wrap;align-items:baseline;gap:7px;margin-top:11px;font-size:31px;font-weight:550;display:flex}.metrics small{letter-spacing:0;color:#6a7769;font-size:11px;font-weight:450}.plan-card{background:#fffdf7;border:1px solid #d3d9cd;border-radius:12px;overflow:hidden}.plan-toolbar{border-bottom:1px solid #e0e4d9;justify-content:space-between;align-items:center;gap:10px;height:58px;padding:0 20px;display:flex}.tabs{align-items:center;gap:4px;height:100%;display:flex}.tabs button{color:#829085;background:0 0;border:0;padding:8px 11px;font-size:11px}.tabs button[aria-selected=true]{background:var(--soft);color:#263d36}.scale-badge{letter-spacing:1.2px;color:#8a958a;white-space:nowrap;font-size:8px}.diagram{color:#344b42;background-image:linear-gradient(#e6eadc80 1px,#0000 1px),linear-gradient(90deg,#e6eadc80 1px,#0000 1px);background-size:22px 22px;justify-content:center;align-items:center;height:390px;padding:42px 30px 36px;display:flex;position:relative}.diagram svg{width:100%;height:100%;overflow:visible}.diagram svg g{cursor:pointer}.diagram svg g:hover{filter:brightness(.92)}.diagram-corner{letter-spacing:1.4px;color:#9aa294;font-size:8px;line-height:1.7;position:absolute;top:15px;left:20px}.diagram-corner strong{color:#687c6b;font-size:8px;font-weight:600}.diagram-footer{letter-spacing:1px;color:#7c8b7b;justify-content:space-between;gap:20px;font-size:7px;display:flex;position:absolute;bottom:13px;left:20px;right:20px}.plan-caption{border-top:1px solid #e0e4d9;align-items:center;gap:15px;min-height:64px;padding:15px 21px;display:flex}.caption-icon{color:var(--accent);font-size:23px}.plan-caption p{color:#6b796c;max-width:680px;margin:0;font-size:10px;line-height:1.6}.actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.actions button{padding:12px 15px;font-size:10px}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#2c433b}.primary span{margin-left:20px}.notice{color:#7c887e;min-height:15px;margin-top:11px;font-size:9px}.warning{color:#79551e;background:#fff0d7;border:1px solid #eed5a6;border-radius:7px;padding:13px 16px;font-size:11px;line-height:1.6}.worksheet{min-height:455px;max-height:570px;padding:20px;overflow:auto}.sheet-intro,.progress-label{color:#6b796c;font-size:11px;line-height:1.7}.progress{background:var(--soft);height:4px;margin-top:20px}.progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.sheet-row{border-bottom:1px solid #e4e7dd;grid-template-columns:18px 130px 1fr;align-items:start;gap:10px;padding:14px 0;font-size:11px;line-height:1.7;display:grid}.sheet-row input{accent-color:var(--accent)}.sheet-row span{color:#6e7c70}.sheet-row.checked{opacity:.45}.sheet-row.checked strong{text-decoration:line-through}.notes{min-height:455px;padding:30px}.notes article{align-items:center;gap:20px;padding:13px 0;display:flex}.notes article b{color:var(--accent);font-family:Georgia,serif;font-size:31px;font-weight:400}.notes article p{font-size:13px;line-height:1.7}.note{color:#6c7b6d;border-top:1px solid #e2e6dc;padding-top:16px;font-size:11px;line-height:1.8}footer{color:#91a08c;letter-spacing:1px;border-top:1px solid #d8ddcf;justify-content:space-between;margin-top:35px;padding:24px 0 28px;font-size:8px;display:flex}.theme-1{background:#f4f1eb}.theme-1 h1{font-style:italic}.theme-1 .brand-icon,.theme-1 .controls,.theme-1 .plan-card,.theme-1 .metrics article{border-radius:2px}.theme-2{background:#f0f3f4}.theme-2 h1{letter-spacing:-2.8px;font-family:system-ui,sans-serif;font-size:clamp(34px,3.8vw,55px);font-weight:750}.theme-2 .intro-stamp{border-radius:15px;transform:rotate(5deg)}.theme-2 .diagram{background-color:#f6fafb}.theme-3{background:#f6f0eb}.theme-3 .controls{border-top:5px solid var(--accent)}.theme-3 .metrics article:first-child{background:var(--accent);color:#fff}.theme-3 .metrics article:first-child span,.theme-3 .metrics article:first-child small{color:#fff}.theme-3 .intro-stamp{border-style:dashed}.theme-4 .intro{border-bottom:1px solid #d4dacd;margin-bottom:28px}.theme-4 h1{font-size:clamp(35px,4vw,58px)}.theme-4 .brand-icon{border-radius:50%}.theme-4 .metrics article{border-width:0 0 3px;border-color:var(--accent);background:0 0;border-radius:0}@media (width>=1550px){main{padding:0 55px}}@media (width<=1000px){.workbench{grid-template-columns:260px minmax(0,1fr);gap:18px}.metrics article{padding:14px}.metrics article>div{font-size:25px}.scale-badge{display:none}.plan-toolbar{padding:0 10px}.actions button{padding:10px}.diagram{height:350px}.intro{padding:35px 0}.intro-stamp{width:90px;height:90px}}@media (width<=740px){.app header{height:65px;padding:0 20px}.header-meta{display:none}main{padding:0 20px}.intro{padding:32px 0 25px}.intro-stamp{display:none}.eyebrow{letter-spacing:1.4px;font-size:8px}h1{letter-spacing:-1.5px}.description{font-size:12px}.workbench{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr;gap:0 20px;padding:18px;display:grid}.section-title,.presets,.control-footer{grid-column:1/-1}.presets{margin:16px 0 22px}.field{margin-bottom:17px}.field>div{gap:8px}.field input[type=number]{width:65px}.metrics{gap:8px;margin-top:4px}.metrics article{padding:13px 10px}.metrics article>span{font-size:9px}.metrics article>div{font-size:24px}.metrics small{font-size:9px}.diagram{height:340px;padding:45px 20px}.diagram-footer{font-size:6px}.sheet-row{grid-template-columns:18px 90px 1fr}.actions{gap:7px}.actions button{white-space:nowrap;flex:1}.actions .primary{flex:2}.version{display:none}footer{gap:20px;line-height:1.8}.theme-4 .intro{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media print{header,.controls,.actions,.notice,footer,.plan-toolbar,.intro-stamp{display:none!important}main{padding:0}.workbench{display:block}.intro{padding:15px 0}.diagram{height:500px}.metrics article{break-inside:avoid}body{background:#fff}.worksheet{max-height:none;overflow:visible}.sheet-row{break-inside:avoid}}.domain-actions{flex-wrap:wrap;gap:6px;margin:-3px 0 19px;display:flex}.domain-actions button{color:var(--accent);background:0 0;border-style:dashed;padding:7px 10px;font-size:9px}.theme-2 header{color:#f5fbfc;background:#183e4d;border-color:#183e4d}.theme-2 .version{border-color:#547a88}.theme-2 .brand-icon{color:#183e4d;background:#e6f0f1}.theme-3 .plan-card{box-shadow:0 12px 30px #8958370b}.theme-3 .diagram{background-color:#fffaf3}.theme-4 .controls{color:#f3f6ee;background:#263e35;border-color:#263e35}.theme-4 .field small,.theme-4 .control-footer span{color:#d1ded0}.theme-4 .text-button{color:#d8e8bd}.theme-4 .presets button{color:#f2f5ec;background:#3c5448}.theme-4 .domain-actions button{color:#e0ecd2;border-color:#8c9b86}.theme-4 .control-footer{border-color:#53675a}.theme-4 .section-title{color:#e7f0de}@media (width>=1000px){.theme-1 .workbench{grid-template-columns:minmax(0,1fr) 305px}.theme-1 .controls{order:2}.theme-1 .workspace{order:1}}@media (width<=740px){.domain-actions{grid-column:1/-1}.theme-1 .controls{order:0}.theme-1 .workspace{order:1}}.app{height:100dvh;min-height:580px;overflow:hidden}.app header{height:52px;padding:0 24px}.brand{font-size:17px}.brand-icon{width:29px;height:29px;font-size:21px}.header-meta{margin-left:auto}.version{padding:4px 8px}.screen-toggle{color:inherit;background:0 0;border-color:currentColor;margin-left:18px;padding:7px 11px;font-size:10px}.app main{flex-direction:column;max-width:none;height:calc(100dvh - 52px);min-height:528px;padding:0 24px;display:flex}.intro,.theme-4 .intro{border:0;flex-shrink:0;margin:0;padding:19px 0 18px}.intro .eyebrow{margin-bottom:8px;font-size:8px}.intro h1,.theme-2 .intro h1,.theme-4 .intro h1{letter-spacing:-1.3px;max-width:none;margin-bottom:7px;font-size:clamp(27px,2.6vw,42px);line-height:1.05}.description{max-width:1100px;font-size:11px;line-height:1.5}.intro-stamp{display:none}.workbench{flex:1;grid-template-columns:280px minmax(0,1fr);gap:20px;min-height:0;padding-bottom:16px}.controls{scrollbar-width:thin;max-height:100%;padding:17px;overflow:auto}.presets{margin:15px 0}.domain-actions{margin-bottom:16px}.field{margin-bottom:15px}.field>span{margin-bottom:6px}.field input[type=number]{padding:7px 8px}.workspace{flex-direction:column;height:100%;min-height:0;display:flex}.metrics{flex-shrink:0;gap:12px;margin-bottom:12px}.metrics article{padding:12px 16px}.metrics article>div{min-height:33px;margin-top:5px;font-size:27px}.metrics article>span{font-size:10px}.plan-card{flex-direction:column;flex:1;min-height:210px;display:flex}.plan-toolbar{flex-shrink:0;height:45px}.diagram{flex:1;height:auto;min-height:100px;padding:38px 30px 29px;overflow:hidden}.diagram svg{min-height:0}.diagram svg rect,.diagram svg circle,.diagram svg line,.diagram svg polygon{transition:x .42s,y .42s,width .42s,height .42s,cx .42s,cy .42s,r .42s,fill .3s,opacity .3s}.diagram svg g{transition:opacity .25s}.plan-caption{flex-shrink:0;min-height:42px;padding:8px 17px}.plan-caption p{max-width:none;font-size:9px}.caption-icon{font-size:17px}.actions{flex-shrink:0;margin-top:10px}.actions button{padding:9px 13px}.notice{flex-shrink:0;min-height:10px;margin:7px 0 0;font-size:8px}.warning{flex-shrink:0;margin:8px 0 0;padding:8px 12px;font-size:10px}.worksheet,.notes{flex:1;min-height:0;max-height:none;overflow:auto}.theme-4 .control-footer button{color:#263e35}footer{display:none}.replay{background:0 0;padding:6px 9px;font-size:9px}.replay-progress{background:var(--soft);flex-shrink:0;height:2px}.replay-progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.mobile-controls{display:none}.theme-1 .workbench{grid-template-columns:minmax(0,1fr) 280px}@media (width>=1550px){.app main{padding:0 32px}.workbench{grid-template-columns:320px minmax(0,1fr)}.theme-1 .workbench{grid-template-columns:minmax(0,1fr) 320px}}@media (width<=1000px){.workbench,.theme-1 .workbench{grid-template-columns:245px minmax(0,1fr)}.theme-1 .controls{order:0}.theme-1 .workspace{order:1}.screen-toggle{font-size:9px}.intro h1,.theme-2 .intro h1,.theme-4 .intro h1{font-size:30px}.plan-toolbar{padding:0 9px}.replay{padding:6px;font-size:8px}.metrics article{padding:10px}.metrics article>div{font-size:24px}.diagram{padding:35px 20px 28px}.controls{padding:14px}.brand{font-size:15px}.header-meta{font-size:8px}}@media (width<=740px){.app{min-height:620px}.app header{height:48px;padding:0 14px}.app main{height:calc(100dvh - 48px);min-height:572px;padding:0 14px}.screen-toggle{margin-left:auto}.header-meta{display:none}.intro,.theme-4 .intro{padding:14px 0 12px}.intro h1,.theme-2 .intro h1,.theme-4 .intro h1{margin-bottom:5px;font-size:26px}.description{max-width:90%;font-size:10px;line-height:1.5}.intro .eyebrow{letter-spacing:1.2px;font-size:6px}.workbench,.theme-1 .workbench{grid-template-columns:1fr;padding-bottom:12px;position:relative}.controls{z-index:10;max-height:100%;display:none;position:absolute;top:0;left:0;right:0;box-shadow:0 15px 40px #172e3b33}.controls-open .controls{grid-template-columns:1fr 1fr;display:grid}.mobile-controls{margin-left:8px;padding:6px 9px;font-size:9px;display:block}.plan-toolbar{gap:4px;height:42px}.tabs{gap:0}.tabs button{padding:7px;font-size:9px}.replay{padding:5px;font-size:8px}.scale-badge{display:none}.metrics{gap:7px;margin:0 0 9px}.metrics article{padding:10px 9px}.metrics article>span{font-size:8px}.metrics article>div{min-height:28px;margin-top:3px;font-size:21px}.diagram{min-height:100px}.diagram-footer span:last-child{display:none}.plan-caption{padding:7px 10px}.plan-caption p{font-size:8px;line-height:1.5}.actions{gap:6px;margin-top:8px}.actions button{padding:8px;font-size:9px}.notice{font-size:7px}.section-title,.presets,.control-footer,.domain-actions{grid-column:1/-1}.field>span{font-size:10px}.warning{font-size:9px}.notes{padding:18px}.notes article p{font-size:11px}.sheet-row{font-size:10px}.intro-stamp{display:none}}@media (prefers-reduced-motion:reduce){.diagram svg *,.replay-progress span{transition:none!important}}@media print{.app,.app main{height:auto;overflow:visible}.workspace{height:auto;display:block}.plan-card{display:block}.diagram{height:500px}.screen-toggle,.mobile-controls,.replay{display:none}.metrics{display:grid}.worksheet,.notes{overflow:visible}.intro h1{font-size:35px}}.diagram svg:focus-visible{outline:2px dashed var(--accent);outline-offset:4px}.selected{filter:drop-shadow(0 0 2px var(--accent))}