:root{--bg:#0b0f17;--panel:#141b28;--ink:#f7f9fc;--text:#c3ccda;--muted:#99a6b9;--line:#293344;--green:#56d98a;--paper:#f1f3ec;--dark:#16251c;--amber:#f3c77c;--red:#ff998c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',sans-serif;font-size:15px;line-height:1.65}h1,h2,h3,h4,.brand{font-family:'Space Grotesk',Bahnschrift,'Segoe UI',sans-serif;letter-spacing:-.04em;color:var(--ink);line-height:1.15}h1{font-size:clamp(36px,4.8vw,66px);font-weight:600;margin:14px 0 24px}h2{font-size:28px;margin:0 0 20px}h3{font-size:21px;margin:0 0 12px}h4{font-size:17px}p{margin:0 0 18px}a{color:inherit}button,.button{cursor:pointer;border:1px solid var(--green);background:var(--green);color:var(--bg);font:600 13px/1.3 Inter,'Segoe UI',sans-serif;min-height:44px;padding:12px 16px;border-radius:4px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:not-allowed}.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.danger{border-color:var(--red);color:var(--red);background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.button:focus-within{outline:2px solid var(--green);outline-offset:4px}input,select,textarea{width:100%;min-width:0;min-height:46px;border:1px solid #46566c;border-radius:4px;background:#0b111c;color:var(--ink);font:inherit;padding:10px 12px}textarea{min-height:95px;resize:vertical}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--green);flex-shrink:0}.skip{position:fixed;top:-100px;left:16px;z-index:50;background:var(--green);color:var(--bg);padding:12px}.skip:focus{top:8px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 36px;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:24px;font-weight:650;text-decoration:none;white-space:nowrap}.brand span{display:block;font:10px/1.5 Consolas,monospace;color:var(--muted);letter-spacing:.14em;margin-top:6px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions #save-status{max-width:190px;font-size:11px;color:var(--muted);line-height:1.4}.top-actions button,.top-actions .button{font-size:11px;padding:10px}.layout{display:grid;grid-template-columns:252px minmax(0,1fr);max-width:1600px;margin:0 auto}aside{padding:30px 16px 30px 24px;border-right:1px solid var(--line);align-self:start;position:sticky;top:0;max-height:100vh;overflow:auto}aside a{display:flex;gap:10px;padding:12px;text-decoration:none;border-left:2px solid transparent;font-size:13px;line-height:1.35;border-radius:0 4px 4px 0}aside a:hover{background:var(--panel)}aside a.active{color:var(--green);background:#13291e;border-left-color:var(--green)}aside a span{color:var(--muted);font:11px Consolas,monospace;padding-top:2px}aside .nav-label{font:10px Consolas,monospace;color:var(--muted);letter-spacing:.12em;margin:26px 12px 12px}.side-note{font-size:11px;line-height:1.6;color:var(--muted);padding:18px 12px;border-top:1px solid var(--line);margin-top:24px}main{padding:48px clamp(22px,4vw,64px) 80px;min-width:0;max-width:1200px}.eyebrow{font:11px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--green)}.lead{font-size:18px;max-width:680px;line-height:1.65}.hero{padding:12px 0 38px;position:relative}.hero h1 em{font-style:normal;color:var(--green)}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0}.ruler{display:flex;gap:28px;padding:20px 0;margin:20px 0 40px;border-block:1px solid var(--line);font-size:12px}.ruler strong{font-size:24px;font-family:Bahnschrift,sans-serif;font-weight:500;color:var(--ink);margin-right:8px}.library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{padding:24px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;position:relative;min-height:258px;text-decoration:none;transition:border-color .2s,transform .2s}.product-card:hover{border-color:var(--green);transform:translateY(-3px)}.product-card .num{font:12px Consolas,monospace;color:var(--green);margin-bottom:28px}.product-card h3{max-width:230px}.product-card p{font-size:13px;margin-bottom:22px}.product-card .card-action{font-size:12px;color:var(--green);margin-top:auto}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:44px 0 20px}.section-title h2{margin:0}.small{font-size:12px;color:var(--muted)}.notice{border-left:3px solid var(--green);background:#12231b;padding:18px 22px;margin:24px 0;font-size:13px}.notice.amber{border-color:var(--amber);background:#30281b}.notice p:last-child{margin:0}.tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 20px;border-bottom:1px solid var(--line);margin:28px 0}.tabs a{border:1px solid var(--line);padding:10px 16px;min-height:44px;border-radius:4px;text-decoration:none;font-size:13px}.tabs a.active{border-color:var(--green);color:var(--green);background:#14241c}.panel{padding:28px;border:1px solid var(--line);background:var(--panel);margin:22px 0}.paper{background:var(--paper);color:#334039;border-color:var(--paper)}.paper h2,.paper h3,.paper h4{color:#13271c}.paper .small{color:#4d5e54}.paper strong{color:#13271c}.paper .ghost{color:#13271c;border-color:#a4b8ab}.steps{counter-reset:step}.step{position:relative;padding:8px 0 22px 50px;border-bottom:1px solid #c9d6cb;margin-bottom:22px}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:0;top:10px;color:#24713d;font:16px Consolas,monospace}.step:last-child{margin:0;border-bottom:0}.step p{white-space:pre-line}.checklist{list-style:none;padding:0;margin:0}.checklist label{display:flex;gap:14px;align-items:start;padding:12px 0;cursor:pointer}.checklist span{flex:1}.checklist input:checked+span{text-decoration:line-through;opacity:.65}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block;font-size:13px;min-width:0}.field>span{display:block;margin-bottom:7px;color:var(--ink);font-weight:600}.field .hint{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:6px}.field.wide{grid-column:1/-1}.field .error{color:var(--red);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:24px 0}.metric{background:#112019;padding:22px;min-width:0}.metric span{font-size:11px;display:block;color:var(--text)}.metric strong{color:var(--green);font-size:29px;line-height:1.35;font-family:Bahnschrift,sans-serif;display:block;margin-top:8px;overflow-wrap:anywhere}.explanation{font-size:13px;padding-left:18px}.errors{color:var(--red);font-size:13px}.error-summary{outline:none}details{border:1px solid var(--line);margin:12px 0;background:var(--panel)}summary{padding:18px 22px;cursor:pointer;color:var(--ink);font-weight:600}details .detail-body{padding:0 22px 24px}pre.template{font:13px/1.8 Inter,'Segoe UI',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#0d141f;padding:20px;border:1px solid var(--line);margin:0 0 15px}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.record{border:1px solid var(--line);background:var(--panel);padding:22px;min-width:0}.record h3{overflow-wrap:anywhere}.record dl{font-size:12px}.record dt{color:var(--muted);margin-top:10px}.record dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.pill{font:10px Consolas,monospace;color:var(--amber);border:1px solid #655331;padding:4px 7px;display:inline-block;margin-bottom:10px}.empty{padding:40px 24px;text-align:center;border:1px dashed #42556a;color:var(--muted)}.diag-card{border-top:1px solid var(--line);padding:28px 0}.diag-card h3{margin:10px 0}.diag-card .field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.diag-card textarea{min-height:70px}.result-list{list-style:none;padding:0}.result-list li{padding:18px 0;border-bottom:1px solid var(--line)}.result-list strong{color:var(--ink)}.inline-link{color:var(--green)}.footer-note{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--green);color:var(--bg);padding:12px 20px;border-radius:5px;z-index:30;display:none;max-width:min(90vw,600px);box-shadow:0 8px 40px #0008}#toast.show{display:block}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:32px;max-width:500px;width:90vw;border-radius:6px}dialog::backdrop{background:#000a}dialog h2{font-size:25px}ul li,ol li{margin:8px 0}.preline{white-space:pre-line}.progress{color:var(--green);font-size:12px}.search{max-width:300px}.backup-info{margin:30px 0;font-size:12px;color:var(--muted)}
html{color-scheme:dark;scrollbar-color:#3b495c #0b0f17}aside{scrollbar-width:thin}
@media(min-width:1400px){.library{gap:20px}.product-card{min-height:280px}}
@media(max-width:1100px){.layout{grid-template-columns:220px minmax(0,1fr)}.library{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:20px}.top-actions #save-status{display:none}main{padding:32px 24px}.diag-card .field-grid{grid-template-columns:1fr 1fr}.diag-card .field:last-child{grid-column:1/-1}}
@media(max-width:760px){.topbar{height:auto;align-items:start;flex-wrap:wrap;padding:18px 20px;gap:14px}.brand{font-size:21px}.top-actions{width:100%;gap:8px}.top-actions button,.top-actions .button{flex:1}.layout{display:block}aside{position:static;border-right:0;border-bottom:1px solid var(--line);padding:12px 16px;display:flex;gap:8px;overflow-x:auto;max-height:none}aside a{white-space:nowrap;padding:10px 12px;min-height:44px;border-left:0;border-bottom:2px solid transparent;align-items:center}aside a.active{border-bottom-color:var(--green)}aside .nav-label,aside .side-note{display:none}main{padding:28px 20px 70px}.hero{padding:4px 0 15px}h1{font-size:40px}.lead{font-size:16px}.ruler{gap:16px;flex-wrap:wrap;margin-bottom:28px}.ruler strong{font-size:21px}.panel{padding:22px}.record-grid,.field-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.diag-card .field-grid{grid-template-columns:1fr}.diag-card .field:last-child{grid-column:auto}.section-title{align-items:start;flex-direction:column}.search{max-width:100%}.tabs{gap:6px}.tabs a{font-size:12px;padding:10px 12px}.step{padding-left:38px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric strong{font-size:24px}}
@media(max-width:460px){.library{grid-template-columns:1fr}.product-card{min-height:220px;padding:22px}.product-card .num{margin-bottom:18px}.product-card h3{max-width:none}.metrics{grid-template-columns:1fr}.top-actions .button,.top-actions button{font-size:10px;padding:9px}.ruler{font-size:11px}.ruler strong{margin-right:4px}.actions>*{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:white;color:#222;font-size:10pt;line-height:1.5}.topbar,aside,.tabs,.actions,.no-print,#toast,.skip,button,.button,.search{display:none!important}.layout{display:block}main{padding:0;max-width:none}h1,h2,h3,h4{color:#111!important}h1{font-size:28pt}h2{font-size:19pt}h3{font-size:14pt}a{color:#111}.panel,.paper,.notice,.record,details,.metric{background:white;color:#222;border-color:#aaa;padding:12px}.panel{margin:12px 0}.metrics{background:white}.metric strong,.metric span,.small,.eyebrow,.field>span,.field .hint,.record dd,.record dt,.progress,.result-list strong{color:#222}.metric strong{font-size:22pt}.step:before{color:#222}input,textarea,select{color:#111;background:white;border-color:#bbb;font-size:10pt}.field-grid{gap:10px}.step,.record,.metric,.diag-card{break-inside:avoid}.template{color:#111!important;background:white!important;border-color:#aaa!important}details::details-content{display:block!important}details{content-visibility:visible}summary{color:#111}.hero{padding:0}.footer-note{color:#333}.paper .small{color:#333}.error-summary{color:#111}h2,h3{break-after:avoid}}