@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--green-950:#07100c;--green-900:#0c1813;--green-850:#11211a;--green-800:#183025;--green-700:#2a4639;--green-600:#355a49;--green-500:#0f4d33;--green-400:#2f7a58;--green-300:#6fcca2;--green-200:#a6dcc2;--green-100:#dcefe4;--green-50:#eef6f1;--gold-800:#4f390c;--gold-700:#634810;--gold-600:#7c5a12;--gold-500:#c0922f;--gold-400:#d9b25c;--gold-300:#e8cb87;--gold-200:#f2e0b5;--gold-100:#f8efd9;--steel-800:#3b4640;--steel-700:#4a5259;--steel-600:#6f7880;--steel-500:#7f878f;--steel-400:#9aa1a8;--steel-300:#c3c8cd;--steel-200:#dde0e3;--steel-100:#eef0f2;--ruby-700:#8e0f22;--ruby-600:#b02a1f;--ruby-500:#c0122c;--ruby-400:#e2475a;--ruby-300:#ff8273;--blue-700:#1c2d6b;--blue-600:#2c4fa8;--blue-500:#2a3f8f;--blue-400:#4a64c4;--blue-300:#98b2f2;--amber-700:#835500;--amber-400:#f2b84a;--ivory-50:#fbf8f1;--ivory-100:#f4efe3;--ivory-200:#ebe4d3;--ivory-300:#d6ccb5;--ivory-400:#e6dfcd;--ink-900:#16201b;--ink-700:#4f5d55;--ink-600:#5f6b63;--cream-text:#ece6d6;--sage-text:#a8b5ac;--sage-subtle:#7d8c83;--font:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-features:"cv05", "cv08";--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-display:clamp(2.5rem, 1.6rem + 3.6vw, 4rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-display:-.02em;--tracking-normal:0;--tracking-eyebrow:.08em;--tracking-label:.06em;--measure:68ch;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:6px;--radius-md:8px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--dur-instant:80ms;--dur-fast:.15s;--dur-base:.24s;--dur-slow:.4s;--dur-diagram:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-mech:cubic-bezier(.65, 0, .35, 1);--ease-tick:steps(1, end);--z-base:0;--z-stage-ui:10;--z-sticky:50;--z-nav:100;--z-overlay:200;--z-dialog:300;--z-toast:400;--content-max:1200px;--prose-max:720px;--nav-height:56px;--panel-width:clamp(360px, 32vw, 440px);--gutter:clamp(1rem, .6rem + 1.6vw, 1.5rem);--tap-min:44px;--surface-bg:var(--green-900);--surface-1:var(--green-850);--surface-2:var(--green-800);--surface-3:#1f3a2d;--surface-overlay:#040a079e;--surface-glass:color-mix(in srgb, var(--surface-1) 86%, transparent);--stage-bg:radial-gradient(ellipse at 50% 40%, #1b3529 0%, #0f1f18 45%, #07100c 78%);--text-primary:var(--cream-text);--text-muted:var(--sage-text);--text-subtle:var(--sage-subtle);--text-on-accent:#17130a;--text-on-status:#0c1a14;--border:var(--green-700);--border-subtle:#1d362b;--border-strong:var(--green-600);--accent:var(--gold-400);--accent-hover:var(--gold-300);--accent-pressed:var(--gold-500);--accent-soft:color-mix(in srgb, var(--gold-400) 16%, transparent);--accent-text:var(--gold-400);--focus-ring:var(--gold-300);--focus-ring-shadow:0 0 0 2px var(--surface-bg), 0 0 0 4px var(--focus-ring);--status-warn:var(--ruby-300);--status-warn-bg:#3b1c1a;--status-oil:var(--amber-400);--status-oil-bg:#33291a;--status-ok:var(--green-300);--status-ok-bg:#16302a;--status-info:var(--blue-300);--status-info-bg:#172738;--status-tip-bg:#172738;--selection:#4cc3ff;--edge-gold:inset 0 1px 0 #e8cb871a;--shadow-1:0 1px 2px #00000059;--shadow-2:0 4px 14px #00000059, 0 1px 3px #0000004d;--shadow-3:0 12px 32px #00000073, 0 2px 6px #0000004d;--shadow-card:var(--edge-gold), var(--shadow-1);--shadow-card-hover:inset 0 1px 0 #e8cb8738, 0 0 0 1px #d9b25c73, var(--shadow-2);--shadow-popover:var(--edge-gold), var(--shadow-3);--dg-surface:var(--green-900);--dg-brass:#d4a84a;--dg-brass-dark:#8f6a22;--dg-steel:#b9c0c6;--dg-steel-dark:#6f7880;--dg-ruby:#d4213d;--dg-blue:#4a64c4;--dg-energy:#f6c453;--dg-energy-glow:#f6c45373;--dg-electric:#4fd1c5;--dg-electric-glow:#4fd1c566;--dg-light:#fff1b8;--dg-line:#050c08;--dg-label:var(--cream-text);--dg-highlight:var(--gold-300);--dg-dim:#33463c;--dg-dim-opacity:.35;--dg-stroke-hair:1px;--dg-stroke:1.5px;--dg-stroke-bold:2.5px;--bg:var(--surface-bg);--stage:var(--stage-bg);--panel:var(--surface-1);--raise:var(--surface-2);--line:var(--border);--text:var(--text-primary);--muted:var(--text-muted);--brass:var(--accent);--warn:var(--status-warn);--warn-bg:var(--status-warn-bg);--oil:var(--status-oil);--oil-bg:var(--status-oil-bg);--ok:var(--status-ok);--ok-bg:var(--status-ok-bg);--tip-bg:var(--status-tip-bg);--verify:var(--status-info)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--surface-bg:var(--ivory-100);--surface-1:var(--ivory-50);--surface-2:var(--ivory-200);--surface-3:#e3dac6;--surface-overlay:#16201b73;--stage-bg:radial-gradient(ellipse at 50% 40%, #fffdf7 0%, #f1ebdc 50%, #e6dfcd 82%);--text-primary:var(--ink-900);--text-muted:var(--ink-700);--text-subtle:var(--ink-600);--text-on-accent:var(--ivory-50);--text-on-status:var(--ivory-50);--border:var(--ivory-300);--border-subtle:#e4dccb;--border-strong:#b9ad93;--accent:var(--gold-600);--accent-hover:var(--gold-700);--accent-pressed:var(--gold-800);--accent-soft:color-mix(in srgb, var(--gold-500) 18%, transparent);--accent-text:var(--gold-600);--focus-ring:var(--gold-600);--status-warn:var(--ruby-600);--status-warn-bg:#f9e6e2;--status-oil:var(--amber-700);--status-oil-bg:#f8edd2;--status-ok:#1d6e4c;--status-ok-bg:#e2f0e7;--status-info:var(--blue-600);--status-info-bg:#e6ecf6;--status-tip-bg:#e6ecf6;--selection:#0a84c6;--edge-gold:inset 0 1px 0 #ffffffd9;--shadow-1:0 1px 2px #3c2d0f14;--shadow-2:0 4px 14px #3c2d0f1a, 0 1px 3px #3c2d0f14;--shadow-3:0 12px 32px #3c2d0f29, 0 2px 6px #3c2d0f14;--shadow-card-hover:var(--edge-gold), 0 0 0 1px #c0922f8c, var(--shadow-2);--dg-surface:var(--ivory-50);--dg-brass:#d0a24a;--dg-brass-dark:#8a6420;--dg-steel:#c3c8cd;--dg-steel-dark:#7f878f;--dg-ruby:#c0122c;--dg-blue:#2a3f8f;--dg-energy:#b86a00;--dg-energy-glow:#d68c1461;--dg-electric:#0e8f9a;--dg-electric-glow:#0e8f9a4d;--dg-light:#a88000;--dg-line:var(--steel-800);--dg-label:var(--ink-900);--dg-highlight:var(--gold-500);--dg-dim:#ddd6c6}}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-diagram:0s}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--font);font-feature-settings:var(--font-features);-webkit-font-smoothing:antialiased}#app{flex-direction:column;height:100%;display:flex}button{font:inherit;color:inherit;background:var(--raise);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:.55rem .9rem}button:hover:not(:disabled){border-color:var(--brass)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--brass);color:var(--text-on-accent);border-color:#0000;font-weight:650}button.wide{width:100%;margin-top:.75rem;padding:.9rem}button.link{color:var(--brass);background:0 0;border:0;padding:0;text-decoration:underline}a{color:var(--brass)}.muted{color:var(--muted)}.small{font-size:.85rem}.top{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.6rem 1rem;display:flex}.brand{align-items:center;gap:.6rem;min-width:0;display:flex}.logo{color:var(--brass);font-size:1.7rem;line-height:1}.title{letter-spacing:.01em;font-weight:700}.subtitle{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:30ch;font-size:.78rem;overflow:hidden}.modes{background:var(--raise);border-radius:10px;gap:.25rem;padding:.25rem;display:flex}.modes button{background:0 0;border:0;padding:.45rem 1rem}.modes button.active{background:var(--brass);color:var(--text-on-accent);font-weight:650}.progress{flex:1;min-width:140px}.bar{background:var(--raise);border-radius:3px;height:6px;overflow:hidden}.bar span{background:var(--ok);height:100%;transition:width .3s;display:block}.bar-label{color:var(--muted);margin-top:.2rem;font-size:.78rem}.top-actions{gap:.4rem;display:flex}.ghost-btn{background:0 0}.layout{flex:1;grid-template-columns:1fr minmax(360px,440px);min-height:0;display:grid}.stage{background:var(--stage);min-height:0;position:relative;overflow:hidden}.viewer{position:absolute;inset:0}.viewer canvas{touch-action:none;cursor:grab;display:block;width:100%!important;height:100%!important}.side-chip{background:color-mix(in srgb, var(--panel) 85%, transparent);border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem;font-size:.85rem;font-weight:600;position:absolute;top:.8rem;left:.8rem}.side-chip[data-side=dial]{color:var(--verify)}.stage-controls{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:70%;display:flex;position:absolute;top:.8rem;right:.8rem}.stage-controls button,.slider{background:color-mix(in srgb, var(--panel) 88%, transparent);font-size:.85rem}.slider{border:1px solid var(--line);border-radius:8px;align-items:center;gap:.5rem;padding:.3rem .7rem;display:flex}.slider input{accent-color:var(--brass);width:120px}.hint{color:var(--muted);pointer-events:none;margin:0;font-size:.75rem;position:absolute;bottom:.4rem;right:.8rem}.part-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(360px,100% - 1.6rem);padding:.9rem 1rem;position:absolute;bottom:.8rem;left:.8rem;box-shadow:0 10px 30px #00000059}.part-card h3{margin:.4rem 0 .2rem;font-size:1.1rem}.part-card p{margin:.35rem 0;font-size:.92rem}.part-card .note{color:var(--oil)}.part-card .close,.dlg-head .close{background:0 0;border:0;padding:.1rem .5rem;font-size:1.4rem;position:absolute;top:.4rem;right:.5rem}.card-actions{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.card-actions button{flex:1;font-size:.85rem}.panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex}.panel-body{flex:1;padding:1.25rem 1.4rem 2rem;overflow-y:auto}.panel-nav{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.75rem 1rem;display:grid}.panel-nav button{padding:.85rem 1.1rem;font-size:1.02rem}.panel-nav .primary{min-width:11rem}.nav-count{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}h1{margin:.3rem 0 .8rem;font-size:1.45rem;line-height:1.25}h2{margin:1.6rem 0 .6rem;font-size:1.05rem}h3{color:var(--muted);margin:1.2rem 0 .4rem;font-size:.95rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--brass);margin:0;font-size:.75rem;font-weight:650}.lede{color:var(--muted)}.count{color:var(--muted);margin-left:.4rem;font-size:.85rem;font-weight:400}.specs{grid-template-columns:1fr 1fr;gap:.4rem 1rem;margin:1rem 0;display:grid}.specs div{border-top:1px solid var(--line);padding-top:.35rem}.specs dt{color:var(--muted);font-size:.75rem}.specs dd{margin:0;font-size:.92rem}.start-cards{gap:.6rem;margin-top:1rem;display:grid}.start{text-align:left;flex-direction:column;gap:.2rem;padding:1rem 1.1rem;display:flex}.start strong{font-size:1.1rem}.start span{color:var(--muted);font-size:.9rem}.start em{color:var(--ok);font-size:.85rem;font-style:normal}.groups{gap:.35rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.groups strong{margin-right:.3rem}.dot{vertical-align:baseline;border-radius:50%;width:.65rem;height:.65rem;margin-right:.5rem;display:inline-block}.sources{margin-top:1.4rem;font-size:.88rem}.sources summary{cursor:pointer;color:var(--muted)}.bullets{padding-left:1.2rem}.bullets li{margin-bottom:.45rem}.tools{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.check{text-align:left;align-items:flex-start;gap:.75rem;width:100%;padding:.7rem .8rem;display:flex}.check .box{border:2px solid var(--line);border-radius:6px;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-weight:800;display:grid}.check.on .box{background:var(--ok);border-color:var(--ok);color:var(--text-on-status)}.check.on{border-color:color-mix(in srgb, var(--ok) 50%, var(--line))}.check .muted,.hint-text{font-size:.85rem}.hint-text{color:var(--oil)}.step-meta{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.step-no{font-variant-numeric:tabular-nums;margin-right:.3rem;font-weight:700}.chip{border:1px solid color-mix(in srgb, var(--c,var(--muted)) 60%, transparent);color:var(--c,var(--muted));background:color-mix(in srgb, var(--c,var(--muted)) 12%, transparent);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;display:inline-block}.chip.ok{--c:var(--ok)}.instruction{font-size:1.08rem;line-height:1.6}.part-chips{flex-wrap:wrap;gap:.35rem;margin:.4rem 0 .8rem;display:flex}.part-chip{border-color:color-mix(in srgb, var(--c) 55%, var(--line));border-radius:999px;padding:.3rem .65rem;font-size:.85rem}.part-chip.sel{background:color-mix(in srgb, var(--selection) 25%, var(--raise));border-color:var(--selection)}.qty{color:var(--muted);font-size:.85em}.tool-line{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.8rem;display:flex}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:.25rem;font-size:.72rem}.tool{background:var(--raise);border:1px solid var(--line);border-radius:6px;padding:.2rem .55rem;font-size:.82rem}.callout{border-radius:var(--radius);border-left:4px solid;margin:.9rem 0;padding:.75rem .95rem}.callout>strong{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem;font-size:.78rem;display:block}.callout ul{margin:0;padding-left:1.1rem}.callout li{margin-bottom:.3rem}.callout p{margin:0}.warn{background:var(--warn-bg);border-color:var(--warn)}.warn>strong{color:var(--warn)}.oil{background:var(--oil-bg);border-color:var(--oil)}.oil>strong{color:var(--oil)}.oil ul{padding:0;list-style:none}.oil li{border-top:1px solid color-mix(in srgb, var(--oil) 25%, transparent);grid-template-columns:1fr auto;gap:0 .6rem;padding:.35rem 0;display:grid}.oil li:first-child{border-top:0}.oil .lube{color:var(--oil);text-align:right;font-weight:700}.oil .amount{color:var(--muted);grid-column:1/-1;font-size:.85rem}.check.callout,.callout.check{background:var(--ok-bg);border-color:var(--ok)}.callout.check>strong{color:var(--ok)}.tip{background:var(--tip-bg);border-color:var(--muted)}.verify{background:var(--tip-bg);border-color:var(--verify)}.verify>strong{color:var(--verify)}details.trouble,details.tray{border:1px solid var(--line);border-radius:var(--radius);margin:1rem 0;padding:.6rem .9rem}details>summary{cursor:pointer;font-weight:650}details.trouble details{margin:.5rem 0 0 .2rem}details.trouble details summary{font-weight:500}details.trouble details p{color:var(--muted);margin:.35rem 0 .2rem 1rem}.steps-dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;width:min(560px,100% - 2rem);max-height:85vh;padding:0}.steps-dialog::backdrop{background:#0000008c}.dlg-head{background:var(--panel);border-bottom:1px solid var(--line);padding:1rem 1.2rem .4rem;position:sticky;top:0}.dlg-head h2{margin:0 0 .4rem}.step-list{margin:0;padding:.6rem;list-style:none}.step-list button{text-align:left;background:0 0;border:0;grid-template-columns:2rem auto 1fr auto;align-items:center;gap:.3rem;width:100%;padding:.55rem .6rem;display:grid}.step-list button:hover{background:var(--raise)}.step-list button.cur{background:color-mix(in srgb, var(--brass) 18%, transparent)}.step-list .n{font-variant-numeric:tabular-nums;color:var(--muted)}@media (width<=860px){.layout{grid-template-rows:42vh 1fr;grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--line)}.top{gap:.6rem;padding:.5rem 1rem}.subtitle{display:none}.progress{flex-basis:100%;order:5}.stage-controls{max-width:calc(100% - 1.6rem);top:auto;bottom:.8rem;right:.8rem}.side-chip{font-size:.75rem}.part-card{top:3rem;bottom:auto}.hint{display:none}.panel-body{padding:1rem 1rem 1.5rem}}.group-bar{pointer-events:none;flex-wrap:wrap;align-items:center;gap:.35rem;display:flex;position:absolute;bottom:2rem;left:.8rem;right:.8rem}.group-bar>*{pointer-events:auto}.group-bar .label{pointer-events:none}.group-chip{background:color-mix(in srgb, var(--panel) 85%, transparent);border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.8rem;display:inline-flex}.group-chip .dot{width:.55rem;height:.55rem;margin-right:.4rem}.group-chip.on{background:color-mix(in srgb, var(--c) 30%, var(--panel));border-color:var(--c);font-weight:650}button.chip{cursor:pointer;font:inherit;padding:.15rem .55rem;font-size:.75rem}.group-row{text-align:left;background:0 0;border:0;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.3rem;width:100%;padding:.4rem .3rem;display:grid}.group-row:hover{background:var(--raise)}.group-row .go{color:var(--brass);font-size:.82rem}.group-parts,.group-steps{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.group-parts li{justify-items:start;gap:.15rem;display:grid}.group-parts .part-chip{margin:0}.group-steps li{grid-template-columns:1fr auto auto;align-items:center;gap:.4rem;font-size:.92rem;display:grid}.group-steps button{padding:.35rem .6rem;font-size:.8rem}.part-card{bottom:4.6rem}@media (width<=860px){.group-bar{bottom:3.6rem}.group-chip{padding:.25rem .5rem;font-size:.72rem}.part-card{bottom:auto}}.home{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.home-head .subtitle{white-space:normal;max-width:none}a.brand{color:inherit;text-decoration:none}a.brand:hover .subtitle{color:var(--brass)}.search{flex:1;min-width:240px;max-width:460px}.search input{width:100%;font:inherit;color:var(--text);background:var(--raise);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem}.search input:focus{outline:2px solid var(--brass);outline-offset:1px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.tile{color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.tile:hover,.tile:focus-visible{border-color:var(--brass);transform:translateY(-2px)}.tile[hidden]{display:none}.thumb{background:var(--stage);aspect-ratio:4/3;place-items:center;padding:.75rem;display:grid}.thumb svg{width:100%;height:100%}.tile-body{gap:.3rem;padding:.9rem 1rem 1.1rem;display:grid}.tile-maker{text-transform:uppercase;letter-spacing:.08em;color:var(--brass);font-size:.75rem;font-weight:650}.tile h2{margin:0;font-size:1.2rem}.tile p{color:var(--muted);margin:0;font-size:.92rem}.facts{flex-wrap:wrap;gap:.3rem;margin:.3rem 0;display:flex}.facts span{background:var(--raise);border:1px solid var(--line);border-radius:6px;padding:.15rem .5rem;font-size:.75rem}.tile-progress{color:var(--ok);font-size:.85rem}.tile-progress.muted{color:var(--muted)}.no-match{text-align:center;margin-top:2rem}.tile.family:hover{transform:none}.variants{gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.variants a{border:1px solid var(--line);background:var(--raise);color:inherit;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:.15rem .5rem;padding:.5rem .65rem;text-decoration:none;display:grid}.variants a:hover,.variants a:focus-visible{border-color:var(--brass)}.variants .go{color:var(--brass);grid-area:1/2/span 3;font-size:.82rem}.variants .badge,.variants .tile-progress,.variants .small{grid-column:1}.variant-switch{flex-wrap:wrap;gap:.25rem;display:flex}.variant-switch a{border:1px solid var(--line);background:var(--raise);color:inherit;border-radius:999px;padding:.3rem .7rem;font-size:.82rem;text-decoration:none}.variant-switch a:hover{border-color:var(--brass)}.variant-switch a.on{background:color-mix(in srgb, var(--brass) 25%, var(--panel));border-color:var(--brass);font-weight:650}.badge{color:var(--oil);background:var(--oil-bg);border-radius:6px;justify-self:start;padding:.15rem .5rem;font-size:.75rem}:root{--dg-bg:var(--green-950);--dg-dial:var(--green-500);--dg-dial-hi:#1f6b49;--dg-index:var(--gold-300);--dg-hand:var(--gold-300);--dg-seconds:var(--ruby-400);--dg-chip:#1b2a24;--dg-quartz:#e8f1f2;--dg-copper:#c7773f;--dg-copper-dark:#7d4320;--dg-solar:#24365e}@media (prefers-color-scheme:light){:root{--dg-bg:var(--ivory-200);--dg-dial:var(--green-500);--dg-dial-hi:#1f6b49;--dg-chip:#2a3a33;--dg-quartz:#8fa9ad;--dg-solar:#2c447a}}body{flex-direction:column;height:auto;min-height:100%;display:flex}body[data-view=page] #app{flex:1;height:auto;display:block}body[data-view=guide]{height:100%;overflow:hidden}body[data-view=guide] #app{flex:1;height:auto;min-height:0}.page{max-width:var(--content-max);padding:var(--space-8) var(--gutter,1.25rem) var(--space-16);width:100%;margin:0 auto}h1,h2{letter-spacing:var(--tracking-display,-.01em)}.page-head{max-width:60rem;margin-bottom:var(--space-8)}.page-head h1{font-size:var(--text-3xl);line-height:var(--leading-tight);margin:var(--space-2) 0 var(--space-3)}.lede{font-size:var(--text-md);line-height:var(--leading-relaxed);max-width:var(--measure,68ch)}.lede strong{color:var(--text);font-weight:var(--weight-semibold)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:var(--weight-semibold);transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);align-items:center;gap:.4rem;padding:.75rem 1.2rem;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--text-on-accent);border-color:#0000}.btn.primary:hover,button.primary:hover:not(:disabled){background:var(--accent-hover)}.site-nav{z-index:var(--z-nav);align-items:center;gap:var(--space-6);height:var(--nav-height);padding:0 var(--gutter,1.25rem);background:color-mix(in srgb, var(--surface-bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle,var(--border));flex:none;display:flex;position:sticky;top:0}.nav-brand{color:var(--text);font-weight:var(--weight-bold);white-space:nowrap;align-items:center;gap:.55rem;text-decoration:none;display:flex}.nav-logo{width:26px;height:26px;color:var(--accent)}.nav-items{align-items:stretch;gap:var(--space-1);scrollbar-width:none;flex:1;height:100%;display:flex;overflow-x:auto}.nav-items::-webkit-scrollbar{display:none}.nav-items a{color:var(--text-muted);font-weight:var(--weight-medium);white-space:nowrap;transition:color var(--dur-fast) var(--ease-standard);border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:0 .85rem;text-decoration:none;display:flex}.nav-items a:hover{color:var(--text)}.nav-items a.active{color:var(--text);border-bottom-color:var(--accent)}.soon{text-transform:uppercase;letter-spacing:var(--tracking-label,.06em);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text,var(--accent));font-size:.65rem;font-weight:var(--weight-semibold);padding:.1rem .4rem}.nav-cta{white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-pill);border:1px solid var(--accent);color:var(--accent-text,var(--accent));padding:.45rem .85rem;text-decoration:none}.nav-cta:hover{background:var(--accent);color:var(--text-on-accent)}@media (width<=720px){.site-nav{gap:var(--space-3)}.nav-brand span{display:none}.nav-items a{font-size:var(--text-sm);padding:0 .55rem}.nav-cta{display:none}}body[data-view=guide] .top{padding-top:.45rem;padding-bottom:.45rem}.home-title{font-size:var(--text-2xl);margin:var(--space-1) 0 var(--space-2)}.home .lede{margin:0}.hero{gap:var(--space-8);padding:var(--space-8) 0 var(--space-12);grid-template-columns:1.15fr 1fr;align-items:center;display:grid}.hero h1{font-size:var(--text-display);margin:var(--space-3) 0 var(--space-4);line-height:1.05;font-weight:var(--weight-bold)}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero-visual{border-radius:var(--radius-xl);background:radial-gradient(ellipse at 50% 45%, var(--green-800) 0%, var(--surface-bg) 70%);border:1px solid var(--border-subtle,var(--border));box-shadow:var(--shadow-card);aspect-ratio:6/5;padding:var(--space-4);place-items:center;display:grid}.hero-art{width:100%;height:100%}.hero-visual.hero-3d{padding:0;position:relative;overflow:hidden}.hero-viewer{position:absolute;inset:0}.hero-viewer canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.hero-bar{left:var(--space-3);right:var(--space-3);top:var(--space-3);gap:var(--space-2);pointer-events:none;flex-wrap:wrap;justify-content:space-between;display:flex;position:absolute}.hero-bar>*{pointer-events:auto}.hero-bar button{font-size:var(--text-sm);white-space:nowrap}@media (width<=520px){.hero-bar button{font-size:var(--text-xs);padding:.35rem .5rem}}.hero-bar>button,.hero-bar .seg{background:var(--surface-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-part{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);font-size:var(--text-sm);gap:.2rem;max-width:24rem;display:grid;position:absolute}.hero-part[hidden]{display:none}.hero-part span{color:var(--text-muted)}.hero-part a{font-weight:var(--weight-semibold);text-decoration:none}.hero-hint{right:var(--space-3);bottom:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);pointer-events:none;margin:0;position:absolute}.hero-part:not([hidden])~.hero-hint{display:none}@media (prefers-color-scheme:light){.hero-visual{background:radial-gradient(ellipse at 50% 45%, var(--green-500) 0%, var(--green-900) 85%)}}.sections{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.section-card{gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-card);color:var(--text);transition:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex}.section-card:hover,.section-card:focus-visible{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.section-card h2{font-size:var(--text-xl);margin:0}.section-card p{color:var(--text-muted);flex:1;margin:0}.card-kicker{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow,.08em);color:var(--accent-text,var(--accent));font-weight:var(--weight-semibold)}.go{color:var(--accent-text,var(--accent));font-weight:var(--weight-semibold);font-size:var(--text-sm)}.soon-card{border-style:dashed}.request{gap:var(--space-8);margin-top:var(--space-16);padding:var(--space-8);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--green-800), var(--surface-1) 65%);border:1px solid var(--border);box-shadow:var(--shadow-card);scroll-margin-top:calc(var(--nav-height) + 1rem);grid-template-columns:1fr 1.1fr;display:grid}@media (prefers-color-scheme:light){.request{background:linear-gradient(135deg, var(--green-50), var(--surface-1) 65%)}}.request h2{font-size:var(--text-2xl);margin:var(--space-2) 0 var(--space-3)}.request-points{color:var(--text-muted);padding-left:1.2rem}.request-points li{margin-bottom:var(--space-2)}.request.compact{margin-top:var(--space-8);grid-template-columns:1fr 1fr}.interest{gap:var(--space-4);align-content:start;display:grid}.field{gap:var(--space-1);display:grid}.field>span{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.field em{font-style:normal;font-weight:var(--weight-regular);color:var(--text-muted)}.field input,.field select,.field textarea{font:inherit;color:var(--text);background:var(--surface-bg);border:1px solid var(--border-strong,var(--border));border-radius:var(--radius);min-height:var(--tap-min,44px);width:100%;padding:.7rem .85rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:#0000}.quick-picks{gap:var(--space-2);margin-top:calc(-1 * var(--space-2));flex-wrap:wrap;display:flex}.pick{font-size:var(--text-xs);border-radius:var(--radius-pill);background:var(--surface-2);padding:.3rem .65rem}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.form-foot{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.form-foot button{padding:.75rem 1.3rem}.form-foot p{flex:1;min-width:14rem;margin:0}.form-msg{border-radius:var(--radius);border-left:4px solid;margin:0;padding:.7rem .9rem}.form-msg[data-kind=ok]{background:var(--ok-bg);border-color:var(--ok)}.form-msg[data-kind=err]{background:var(--warn-bg);border-color:var(--warn)}.planned{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.planned li{gap:var(--space-1);padding:var(--space-4) var(--space-5,1.25rem);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-1);display:grid}.planned span{color:var(--text-muted);font-size:var(--text-sm)}.path-explainer{margin:0 0 var(--space-8);gap:var(--space-2);counter-reset:none;grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}.path-explainer li{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-1);border:1px solid var(--border);gap:.15rem;display:grid;position:relative}.path-explainer li:not(:last-child):after{content:"→";color:var(--accent);font-weight:var(--weight-bold);z-index:1;position:absolute;top:50%;right:-.85rem;transform:translateY(-50%)}.path-explainer .n{font-size:var(--text-xs);color:var(--accent-text,var(--accent));font-weight:var(--weight-bold)}.path-explainer span:last-child{font-size:var(--text-sm);color:var(--text-muted)}.type-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(330px,1fr));display:grid}.type-card{gap:var(--space-4);padding:var(--space-4) var(--space-5,1.25rem);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-card);color:var(--text);transition:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);grid-template-columns:96px 1fr;align-items:center;text-decoration:none;display:grid}.type-card:hover,.type-card:focus-visible{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.type-body{justify-items:start;gap:.3rem;display:grid}.type-body h2{font-size:var(--text-lg);margin:0}.type-body p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.kind{text-transform:uppercase;letter-spacing:var(--tracking-label,.06em);font-size:.7rem;font-weight:var(--weight-semibold);border-radius:var(--radius-pill);border:1px solid;padding:.12rem .5rem}.kind-mechanical{color:var(--accent-text,var(--accent));border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.kind-electronic{color:var(--status-info);border-color:color-mix(in srgb, var(--status-info) 50%, transparent)}.kind-hybrid{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, transparent)}.mini-dial{width:96px;height:96px}.md-case{fill:var(--dg-steel)}.md-face{fill:var(--dg-dial)}.md-ticks line{stroke:var(--dg-index);stroke-width:1.6px}.md-hand{stroke:var(--dg-seconds);stroke-width:1.6px;stroke-linecap:round}.md-pin{fill:var(--dg-seconds)}.hint-line{margin-top:var(--space-3)}.compare{margin-top:var(--space-12)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.compare table{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:720px}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.7rem .9rem}.compare thead th{background:var(--surface-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label,.06em);color:var(--text-muted)}.compare tbody tr:last-child>*{border-bottom:0}.compare tbody th a{color:var(--text);font-weight:var(--weight-semibold)}.explainer{padding-top:var(--space-6)}.crumbs{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3);display:flex}.crumbs a{color:var(--text-muted)}.ex-head{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr auto;align-items:end;display:grid}.ex-head h1{font-size:var(--text-3xl);margin:var(--space-2) 0 var(--space-2);line-height:var(--leading-tight)}.ex-head .lede{margin:0}.type-switch{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;max-width:26rem;display:flex}.type-switch a{font-size:var(--text-xs);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-muted);padding:.3rem .65rem;text-decoration:none}.type-switch a:hover{color:var(--text);border-color:var(--accent)}.type-switch a.on{color:var(--text-on-accent);background:var(--accent);border-color:var(--accent);font-weight:var(--weight-semibold)}.power-path{margin:0 0 var(--space-4);gap:var(--space-2);grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}.power-path button{text-align:left;border-radius:var(--radius);background:var(--surface-1);border:1px solid var(--border);gap:.1rem;width:100%;height:100%;padding:.55rem .8rem;display:grid;position:relative}.power-path li:not(:last-child) button:after{content:"";background:var(--border-strong,var(--border));width:.5rem;height:2px;position:absolute;top:50%;right:-.55rem}.stage-name{text-transform:uppercase;letter-spacing:var(--tracking-label,.06em);color:var(--text-muted);font-size:.68rem;font-weight:var(--weight-semibold)}.stage-part{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.power-path button.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.power-path button.on .stage-name{color:var(--accent-text,var(--accent))}.ex-main{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.diagram-card,.narration{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.diagram-card{padding:var(--space-3)}.diagram{background:var(--dg-surface);border-radius:var(--radius);overflow:hidden}.diagram svg{width:100%;height:auto;display:block}.controls{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-1) 0;flex-wrap:wrap;display:flex}.ctl-inputs,.ctl-view{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ctl-view{margin-left:auto}.controls button{min-height:40px;font-size:var(--text-sm)}button.hold{-webkit-user-select:none;user-select:none;touch-action:none}button.hold:active{background:var(--accent-pressed)}.light-ctl{align-items:center;gap:var(--space-2);font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .7rem;display:flex}.light-ctl input{accent-color:var(--accent);width:140px}.meter{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.meter-bar{background:var(--surface-bg);border:1px solid var(--border);border-radius:4px;width:110px;height:8px;overflow:hidden}.meter-bar span{background:var(--dg-energy);width:0;height:100%;display:block}.meter-bar.low span{background:var(--warn)}.seg{background:var(--surface-2);border-radius:var(--radius);gap:.15rem;padding:.2rem;display:flex}.seg button{background:0 0;border:0;min-height:34px;padding:.35rem .65rem}.seg button.on{background:var(--accent);color:var(--text-on-accent);font-weight:var(--weight-semibold)}.sim-status{min-height:1.5em;margin:var(--space-2) var(--space-1) 0;font-weight:var(--weight-semibold);color:var(--oil);font-size:var(--text-sm)}.try{margin:var(--space-1) var(--space-1) var(--space-1)}.narration{padding:var(--space-5,1.25rem);top:calc(var(--nav-height) + 1rem);flex-direction:column;min-height:320px;display:flex;position:sticky}.narration h2{margin:var(--space-1) 0 var(--space-3);font-size:var(--text-xl)}.step-text{font-size:var(--text-md);line-height:var(--leading-relaxed);flex:1;margin:0}.step-dots{margin-bottom:var(--space-4);gap:.35rem;display:flex}.step-dots button{background:var(--surface-3,var(--raise));border:0;border-radius:3px;flex:1;height:6px;min-height:0;padding:0}.step-dots button.done{background:color-mix(in srgb, var(--accent) 45%, var(--surface-3,var(--raise)))}.step-dots button.on{background:var(--accent)}.narr-nav{gap:var(--space-2);margin-top:var(--space-5,1.25rem);flex-wrap:wrap;display:flex}.narr-nav .primary{min-width:8rem;margin-left:auto}.narration .autoplay{margin-top:var(--space-3);font-size:var(--text-sm);align-self:flex-start;text-decoration:none}.ex-details{margin-top:var(--space-8);gap:var(--space-6);display:grid}.fact-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.fact-grid div{padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius)}.fact-grid dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label,.06em);color:var(--text-muted)}.fact-grid dd{font-weight:var(--weight-semibold);margin:.2rem 0 0}.detail-cols{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.detail-cols .callout{margin:0}.callout.good{background:var(--ok-bg);border-color:var(--ok)}.callout.good>strong{color:var(--ok)}.dyk h2,.examples h2{font-size:var(--text-lg);margin:0 0 var(--space-2)}.dyk ul{margin:0;padding-left:1.2rem}.dyk li{margin-bottom:var(--space-2)}.ex-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.ex-chip{border-radius:var(--radius);background:var(--surface-1);border:1px solid var(--border);font-size:var(--text-sm);color:var(--text);padding:.45rem .8rem;text-decoration:none}.ex-chip.guide{border-color:var(--accent)}.ex-chip.guide span{color:var(--accent-text,var(--accent));font-weight:var(--weight-semibold);margin-left:.3rem}.next-type{text-align:right;padding:var(--space-4) var(--space-5,1.25rem);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-1);color:var(--text);justify-self:end;gap:.1rem;text-decoration:none;display:grid}.next-type:hover{box-shadow:var(--shadow-card-hover)}.next-type strong{font-size:var(--text-lg)}.diagram .lbl,.hero-art .lbl{font:600 14px var(--font);fill:var(--dg-label);letter-spacing:.01em;paint-order:stroke;stroke:var(--dg-surface);stroke-width:4px;stroke-linejoin:round}.diagram .tiny{font:500 11.5px var(--font);fill:var(--text-muted)}.diagram .glyph{font:700 22px var(--font);fill:var(--dg-label)}.diagram .glyph.sm{font-size:13px}.diagram .glyph.xs{fill:#fff;font-size:9px}.diagram .c{cursor:pointer;transition:opacity var(--dur-base) var(--ease-standard);outline:none}.diagram svg.focusing .c:not(.on){opacity:var(--dg-dim-opacity,.35)}.diagram .c.on{filter:drop-shadow(0 0 6px var(--dg-highlight))}.diagram .c:hover .lbl,.diagram .c:focus-visible .lbl,.diagram .c.on .lbl{fill:var(--dg-highlight)}.diagram .c:focus-visible{filter:drop-shadow(0 0 4px var(--focus-ring))}.diagram .flow{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 10;opacity:.18;pointer-events:none}.diagram .flow.mech,.diagram .flow.in{stroke:var(--dg-energy)}.diagram .flow.elec{stroke:var(--dg-electric);stroke-dasharray:8 6}.diagram .flow.brake{stroke:var(--dg-electric);stroke-dasharray:3 5}.diagram svg.running .flow:not(.in):not(.brake),.diagram svg.inputting .flow.in,.diagram svg.braking .flow.brake{opacity:.95;animation:flow var(--flow-dur,1.2s) linear infinite;filter:drop-shadow(0 0 3px var(--dg-energy-glow))}.diagram svg.paused .flow{animation-play-state:paused}@keyframes flow{to{stroke-dashoffset:-24px}}.diagram .blur{filter:blur(1.2px);opacity:.85}.diagram .lamp{fill:var(--dg-dim);stroke:var(--dg-line);stroke-width:.8px}.diagram .lamp.lit{fill:var(--dg-electric);filter:drop-shadow(0 0 4px var(--dg-electric-glow))}.diagram .lamp.fast{fill:color-mix(in srgb, var(--dg-electric) 55%, var(--dg-dim))}.diagram svg.braking [data-c=coils] rect{filter:drop-shadow(0 0 5px var(--dg-electric-glow))}@media (prefers-reduced-motion:reduce){.diagram svg .flow{animation:none!important}}@media (width<=1020px){.ex-main{grid-template-columns:1fr}.narration{order:-1;min-height:0;position:static}.ex-head{grid-template-columns:1fr}.type-switch{justify-content:flex-start;max-width:none}.detail-cols{grid-template-columns:1fr}.fact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.hero{padding-top:var(--space-4);grid-template-columns:1fr}.hero-visual{max-width:420px}.sections{grid-template-columns:1fr}.request,.request.compact{padding:var(--space-5,1.25rem);grid-template-columns:1fr}.path-explainer{grid-template-columns:1fr}.path-explainer li:not(:last-child):after{content:"↓";inset:auto auto -.95rem 50%;transform:translate(-50%)}.power-path{grid-template-columns:repeat(5,minmax(120px,1fr));padding-bottom:.3rem;overflow-x:auto}.ctl-view{margin-left:0}}@media (width<=640px){.diagram{overflow-x:auto}.diagram svg{min-width:620px}}@media (prefers-color-scheme:light){.diagram svg.focusing .c:not(.on){opacity:.5}}@media (width<=520px){.page{padding:var(--space-5,1.25rem) 1rem var(--space-12)}.type-grid{grid-template-columns:1fr}.type-card{grid-template-columns:72px 1fr}.mini-dial{width:72px;height:72px}.fact-grid{grid-template-columns:1fr}}