:root{--sand:#d8a23a;--ember:#c9552e;--green:#648043;--bg:#f2eee5;--bg-deep:#e6dfd0;--text:#171713;--text-muted:#6a6559;--border:#17171329;--surface:#ffffff59;--surface-soft:#ffffff3d;--track:#17171314;--inset:#1717130f;--hover:#1717130d;--inverse-bg:#171713;--inverse-text:#f2eee5;--chrome:#f2eee5d1;--modal-bg:#f5f1e8;--grid-line:#17171306;--glow:#d8a23a24;--shadow:#17171329;--ember-soft:#c9552e14;--on-accent:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--sand:#e2b356;--ember:#e07a52;--green:#8aa86a;--bg:#12120f;--bg-deep:#1c1b17;--text:#f2eee5;--text-muted:#a8a498;--border:#f2eee524;--surface:#ffffff0d;--surface-soft:#ffffff09;--track:#f2eee517;--inset:#f2eee512;--hover:#f2eee514;--inverse-bg:#f2eee5;--inverse-text:#171713;--chrome:#12120fd1;--modal-bg:#1e1d19;--grid-line:#f2eee508;--glow:#d8a23a12;--shadow:#00000073;--ember-soft:#e07a5224;--on-accent:#171713;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,a,input,select{font:inherit}button,a{color:inherit}.site-shell{background:radial-gradient(circle at 85% 3%, var(--glow), transparent 27rem), linear-gradient(var(--grid-line) 1px, transparent 1px), var(--bg);background-size:auto,100% 32px,auto;min-height:100vh;padding-bottom:40px}.topbar{z-index:30;background:var(--chrome);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1160px;height:76px;margin:0 auto;padding:0 28px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{width:34px;height:34px;color:var(--text);flex:none;display:block}.brand-mark svg{width:100%;height:100%;display:block}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.14em;font-size:12px}.brand small{color:var(--text-muted);letter-spacing:.18em;margin-top:3px;font-size:9px}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle{cursor:pointer;width:40px;height:40px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:color .14s,background-color .14s;display:inline-flex}.theme-toggle:hover{background:var(--hover);color:var(--text)}.theme-toggle i{font-size:18px}.topnav{align-items:center;gap:2px;display:flex}.topnav a{letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700;text-decoration:none}.topnav a:hover{color:var(--text);background:var(--hover)}.topnav a.active{background:var(--inverse-bg);color:var(--inverse-text)}.hero{max-width:1160px;margin:0 auto;padding:70px 28px 50px}.eyebrow{color:var(--text-muted);letter-spacing:.2em;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.eyebrow i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #6480431f}.hero h1{letter-spacing:-.045em;max-width:840px;margin:22px 0 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,7vw,76px);font-weight:400;line-height:.96}.hero h1 em{color:var(--ember);font-weight:400}.hero>p{max-width:560px;color:var(--text-muted);margin:0;font-size:15px;line-height:1.55}.mode-switch{background:var(--track);border-radius:999px;grid-template-columns:1fr 1fr;gap:3px;margin-top:34px;padding:4px;display:inline-grid}.mode-switch button{min-width:120px;color:var(--text-muted);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:12px 20px;font-size:12px;font-weight:700}.mode-switch button span{margin-right:7px;font-size:14px}.mode-switch button.active{background:var(--inverse-bg);color:var(--inverse-text);box-shadow:0 4px 14px var(--shadow)}.preset-section,.content-section{max-width:1160px;margin:0 auto;padding:0 28px 70px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.section-heading span{color:var(--text-muted);letter-spacing:.17em;font-size:9px;font-weight:700}.section-heading h2{margin:5px 0 0;font-family:Georgia,serif;font-size:24px;font-weight:400}.section-heading .counter{letter-spacing:.08em;font-family:Georgia,serif;font-size:13px}.section-heading.large{align-items:end;margin-bottom:26px}.section-heading.large h2{letter-spacing:-.03em;font-size:clamp(34px,4.5vw,54px);line-height:1}.section-heading.large>p{max-width:340px;color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.variant-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;display:flex}.variant-row>span{letter-spacing:.17em;font-size:8px;font-weight:700}.variant-row>p{max-width:500px;color:var(--text-muted);margin:0 0 0 auto;font-size:10px;line-height:1.4}.mini-switch{background:var(--track);border-radius:999px;gap:3px;padding:3px;display:inline-flex}.mini-switch button{color:var(--text-muted);letter-spacing:.07em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 13px;font-size:9px;font-weight:700}.mini-switch button.active{background:var(--inverse-bg);color:var(--inverse-text)}.settings-panel{gap:10px;margin-bottom:46px;display:grid}.settings-group{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;padding:16px 18px}.settings-label{color:var(--text-muted);letter-spacing:.17em;margin-bottom:10px;font-size:8px;font-weight:700;display:block}.settings-options{flex-wrap:wrap;gap:8px;display:flex}.settings-options button{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.03em;cursor:pointer;background:0 0;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:700}.settings-options button.active{border-color:var(--inverse-bg);background:var(--inverse-bg);color:var(--inverse-text)}.settings-note{color:var(--text-muted);margin-top:10px;font-size:10px;line-height:1.45;display:block}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.preset-card{color:#f8f3e9;background:#1a1a16;border-radius:18px;min-height:385px;padding:26px;position:relative;overflow:hidden;box-shadow:0 22px 48px #1e1b141f}[data-theme=dark] .preset-card{border:1px solid #ffffff14}.preset-card:before{content:"";background:var(--sand);height:4px;position:absolute;inset:0 0 auto}.preset-card.ember:before{background:var(--ember)}.preset-card:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;top:-130px;right:-150px;box-shadow:0 0 0 34px #ffffff06,0 0 0 68px #ffffff04}.card-topline{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.slot{border:1px solid #ffffff40;border-radius:50%;place-items:center;width:52px;height:52px;font-family:Georgia,serif;font-size:22px;display:grid}.saved{color:#a6a398;letter-spacing:.16em;align-items:center;gap:8px;font-size:8px;font-weight:700;display:flex}.saved i{background:#7f9a55;border-radius:50%;width:6px;height:6px}.preset-card h3{z-index:1;margin:25px 0 5px;font-family:Georgia,serif;font-size:31px;font-weight:400;position:relative}.preset-card>p{color:#a6a398;margin:0;font-size:12px}.preset-card dl{border-top:1px solid #ffffff21;border-left:1px solid #ffffff21;grid-template-columns:1fr 1fr;margin:26px 0 0;display:grid}.preset-card dl div{border-bottom:1px solid #ffffff21;border-right:1px solid #ffffff21;min-width:0;padding:15px 14px}.preset-card dt{color:#858379;letter-spacing:.17em;font-size:8px;font-weight:700}.preset-card dd{overflow-wrap:anywhere;margin:6px 0 0;font-family:Georgia,serif;font-size:clamp(14px,2vw,18px)}.card-footer{justify-content:space-between;align-items:center;gap:14px;display:flex;position:absolute;bottom:23px;left:26px;right:26px}.card-footer>span{color:#9a978d;font-size:10px}.card-footer button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:50%;flex:none;width:38px;height:38px;transition:all .18s}.card-footer button:hover{border-color:#fff;transform:translateY(-2px)}.quick-rule{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:100px 1fr;align-items:center;gap:28px;max-width:1104px;margin:0 auto 90px;padding:28px 34px;display:grid}.quick-number{font-family:Georgia,serif;font-size:60px;line-height:.8}.quick-number span{letter-spacing:.25em;margin-top:9px;font-family:Arial,sans-serif;font-size:8px;font-weight:700;display:block}.quick-rule>div:last-child>span,.speed-rules>div:first-child>span{color:var(--ember);letter-spacing:.18em;font-size:8px;font-weight:700}.quick-rule p{margin:8px 0 0;font-family:Georgia,serif;font-size:clamp(20px,3vw,28px);line-height:1.25}.quick-rule p strong{color:var(--ember);font-weight:400}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-row button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:10px 15px;font-size:10px;font-weight:700}.filter-row button.active{border-color:var(--inverse-bg);background:var(--inverse-bg);color:var(--inverse-text)}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.scenario-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;flex-direction:column;min-height:300px;padding:23px;display:flex}.scenario-card>span{color:var(--ember);letter-spacing:.15em;text-transform:uppercase;font-size:8px;font-weight:700}.scenario-card h3{margin:8px 0 20px;font-family:Georgia,serif;font-size:25px;font-weight:400}.scenario-card dl{margin:0}.scenario-card dl div{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.scenario-card dt{color:var(--text-muted);letter-spacing:.12em;font-size:8px;font-weight:700}.scenario-card dd{text-align:right;margin:0;font-family:Georgia,serif;font-size:14px}.scenario-card>p{color:var(--text-muted);margin:auto 0 0;padding-top:18px;font-size:10px;line-height:1.5}.speed-rules{color:#f2eee5;background:#1a1a16;border-radius:20px;max-width:1104px;margin:20px auto 100px;padding:42px}[data-theme=dark] .speed-rules{border:1px solid #ffffff14}.speed-rules h2{margin:8px 0 30px;font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:400}.speed-scale{background:#ffffff29;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.speed-scale>div{background:#1a1a16;padding:19px}.speed-scale i{background:var(--sand);height:3px;margin-bottom:17px;display:block}.speed-scale span{color:#99978f;letter-spacing:.15em;font-size:8px;font-weight:700;display:block}.speed-scale strong{margin-top:6px;font-family:Georgia,serif;font-size:19px;font-weight:400;display:block}.speed-rules blockquote{color:var(--sand);text-align:center;margin:30px 0 0;font-family:Georgia,serif;font-size:clamp(18px,2.5vw,26px);font-style:italic}.setup-section{padding-top:20px}.setup-toolbar{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:flex}.setup-toolbar>span{color:var(--text-muted);letter-spacing:.1em;font-size:9px;font-weight:700}.setup-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.setup-list li{border-bottom:1px solid var(--border);grid-template-columns:48px 1fr;gap:20px;padding:25px 0;transition:opacity .2s;display:grid}.setup-list li.checked{opacity:.48}.check-button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;width:42px;height:42px;font-family:Georgia,serif;font-size:17px}.checked .check-button{border-color:var(--green);background:var(--green);color:var(--on-accent)}.setup-list h3{margin:2px 0 11px;font-family:Georgia,serif;font-size:24px;font-weight:400}.setup-list code{background:var(--inset);border-radius:8px;padding:13px 15px;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.55;display:block}.setup-list p{color:var(--text-muted);margin:10px 0 0;font-size:11px;line-height:1.5}.important-note{border-left:4px solid var(--ember);background:var(--ember-soft);margin-top:18px;padding:22px 24px}.important-note strong{letter-spacing:.15em;font-size:10px}.important-note p{max-width:850px;color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.warning-band{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,1fr);max-width:1104px;margin:15px auto 100px;display:grid}.warning-band article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:40px 1fr;gap:15px;min-height:160px;padding:25px;display:grid}.warning-band article>span{color:var(--ember);font-family:Georgia,serif;font-size:18px}.warning-band h3{margin:1px 0 7px;font-family:Georgia,serif;font-size:22px;font-weight:400}.warning-band p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.55}.base-table{border-top:1px solid var(--border)}.base-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr 1.5fr;align-items:center;gap:20px;min-height:60px;display:grid}.base-row strong{font-family:Georgia,serif;font-size:17px;font-weight:400}.base-row span{color:var(--ember);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.base-row small{color:var(--text-muted);font-size:10px}footer{border-top:1px solid var(--border);max-width:1104px;margin:40px auto 15px;padding:40px 0 25px}.footer-brand{align-items:center;gap:13px;display:flex}.footer-brand .brand-mark{width:28px;height:28px}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{letter-spacing:.14em;font-size:11px}.footer-brand small{color:var(--text-muted);margin-top:5px;font-size:9px}footer>p{max-width:600px;color:var(--text-muted);margin:25px 0 18px;font-size:11px;line-height:1.55}.source-links{flex-wrap:wrap;gap:10px 20px;display:flex}.source-links a{color:var(--ember);font-size:10px;font-weight:700;text-decoration:none}.disclaimer{color:var(--text-muted);margin-top:25px;font-size:9px;line-height:1.5;display:block}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#191915f0;border:1px solid #ffffff26;border-radius:18px;grid-template-columns:repeat(4,1fr);width:min(540px,100% - 24px);padding:7px;display:none;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #00000038}.bottom-nav a{color:#8d8b82;text-align:center;letter-spacing:.05em;border-radius:12px;padding:8px 5px;font-size:9px;font-weight:700;text-decoration:none}.bottom-nav a span{color:#bbb7ab;min-height:20px;margin-bottom:2px;font-size:17px;font-weight:400;display:block}.bottom-nav a.active{color:#fff;background:#31312b}.bottom-nav a.active span{color:var(--sand)}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a08ab;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.edit-modal{background:var(--modal-bg);border-radius:19px;width:min(760px,100%);max-height:calc(100vh - 44px);padding:28px;overflow:auto;box-shadow:0 30px 80px #0000004d}.modal-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.modal-head span{color:var(--ember);letter-spacing:.16em;font-size:8px;font-weight:700}.modal-head h2{margin:6px 0 0;font-family:Georgia,serif;font-size:34px;font-weight:400}.modal-head button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;width:40px;height:40px;font-size:25px}.modal-intro{max-width:560px;color:var(--text-muted);font-size:11px;line-height:1.5}.edit-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.edit-grid label{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:11px 13px}.edit-grid label span{color:var(--text-muted);letter-spacing:.14em;margin-bottom:6px;font-size:8px;font-weight:700;display:block}.edit-grid input{background:0 0;border:0;outline:none;width:100%;padding:0;font-family:Georgia,serif;font-size:15px}.edit-grid select{width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;outline:none;padding:0;font-family:Georgia,serif;font-size:15px}.modal-actions{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.modal-actions button{cursor:pointer;border-radius:999px;padding:12px 17px;font-size:10px;font-weight:700}.modal-actions .secondary{border:1px solid var(--border);background:0 0}.modal-actions .primary{border:1px solid var(--inverse-bg);background:var(--inverse-bg);color:var(--inverse-text)}@media (max-width:900px){.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speed-rules,.warning-band,.quick-rule,footer{margin-left:28px;margin-right:28px}}@media (max-width:720px){.topbar-inner{height:68px;padding:0 18px}.topnav{display:none}.bottom-nav{display:grid}.site-shell{padding-bottom:92px}.hero{padding:46px 18px 40px}.hero h1{font-size:clamp(38px,12vw,54px)}.hero>p{max-width:420px;font-size:14px}.mode-switch{width:100%}.mode-switch button{min-width:0}.preset-section,.content-section{padding-left:18px;padding-right:18px}.preset-grid,.scenario-grid{grid-template-columns:1fr}.preset-card{min-height:375px}.section-heading .counter{display:none}.section-heading.large{flex-direction:column;align-items:start}.section-heading.large>p{max-width:500px}.variant-row{flex-wrap:wrap;align-items:flex-start}.variant-row>p{width:100%;margin-left:0}.quick-rule{grid-template-columns:65px 1fr;gap:18px;margin:0 18px 75px;padding:25px}.quick-number{font-size:45px}.quick-rule p{font-size:18px}.speed-rules{margin:10px 18px 80px;padding:28px 20px}.speed-scale{grid-template-columns:1fr 1fr}.setup-toolbar{flex-direction:column;align-items:flex-start}.setup-list li{grid-template-columns:40px 1fr;gap:13px}.check-button{width:36px;height:36px}.setup-list code{overflow-wrap:anywhere;font-size:10px}.warning-band{grid-template-columns:1fr;margin:0 18px 80px}.base-row{grid-template-columns:1fr 1fr;gap:7px 12px;padding:14px 0}.base-row small{grid-column:1/-1}footer{margin:30px 18px 10px}.edit-modal{padding:22px 17px}.edit-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;align-items:stretch}}@media (prefers-reduced-motion:no-preference){.preset-card{animation:.45s both rise}.preset-card:nth-child(2){animation-delay:80ms}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}}@media print{.bottom-nav,.theme-toggle,.mode-switch,.filter-row,.modal-backdrop{display:none!important}.site-shell{background:#fff;padding-bottom:0}.preset-card{break-inside:avoid;box-shadow:none}}
