:root{--bg:#0b1117;--surface:#121c25;--raised:#192631;--line:#2d3b47;--text:#f5f0e5;--muted:#a5b1b9;--gold:#e8c879;--teal:#76dbc5;--red:#ffa49c;--focus:#a8e8ff;--sans:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--section-mobile:42px;--section-desktop:61px}*{box-sizing:border-box}html{color-scheme:dark;scroll-padding-block:24px}body{margin:0;background:var(--bg);color:var(--text);font:.9375rem/1.75 var(--sans)}h1,h2,h3,p{margin-block:0 16px}h1{font-size:2.25rem;line-height:1.2;letter-spacing:-.025em}h2{font-size:1.5625rem;line-height:1.3}h3{font-size:1.1875rem}a{color:var(--text);text-underline-offset:5px}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation}a,button{overflow-wrap:anywhere}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}main:focus{outline:none}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}.mock-banner{padding:8px 20px;background:var(--raised);color:var(--gold);text-align:center;font-size:.8125rem}.site-header{gap:20px;flex-wrap:wrap;padding-block:24px;border-block-end:1px solid var(--line)}.brand,.site-header{display:flex;align-items:center}.brand{gap:12px;text-decoration:none;font-weight:700;font-size:1.375rem}.brand svg{width:40px;height:40px;color:var(--gold);flex-shrink:0}.preferences{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:.8125rem}.preferences label{display:flex;gap:8px;align-items:center}select{min-height:44px;border:1px solid var(--muted);border-radius:10px;background:var(--surface);color:var(--text);padding:8px;max-width:100%}.desktop-nav{display:none}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}nav a[aria-current]{color:var(--gold);text-decoration:underline}.mobile-menu{margin-inline-start:auto}.bottom-nav{position:fixed;inset-block-end:0;inset-inline:0;background:var(--surface);border-block-start:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;gap:8px;z-index:10}.bottom-nav a{font-size:.8125rem;min-width:44px;justify-content:center}.skip{position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-200%);z-index:50;background:var(--gold);color:var(--bg);padding:12px}.skip:focus{transform:none}main{padding-block:42px;min-height:55vh}section+section{margin-block-start:32px}.grid,.hero{display:grid;gap:24px}.hero{align-items:center}.hero h1{font-family:var(--serif)}.hero .lead{font-size:1.125rem;color:var(--muted)}.eyebrow{display:block;color:var(--teal);font-size:.75rem;letter-spacing:.12em;margin-block-end:16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid var(--muted);border-radius:10px;background:transparent;color:var(--text);text-align:center;text-decoration:none;line-height:1.5;white-space:normal;transition:background .16s}.button.primary{min-height:48px;background:var(--gold);border-color:var(--gold);color:var(--bg);font-weight:650}.button.danger{border-color:var(--red);color:var(--red)}.button:hover:not(:disabled){background:var(--raised)}.button.primary:hover:not(:disabled){background:var(--text)}.button-wrap{display:inline-flex;flex-direction:column;gap:8px;max-width:100%}.muted,.reason{color:var(--muted)}.reason{font-size:.8125rem;display:block}.card,.visual{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);min-width:0}.featured{border-color:var(--gold)}.grid .card{margin-block:0}.visual{background:var(--raised)}.node-flow{list-style:none;padding:0;display:grid;gap:16px}.node-flow li{padding:16px;border-inline-start:3px solid var(--teal)}.node-flow b{display:block;color:var(--teal)}.notice{padding:16px;border-inline-start:3px solid var(--gold);background:var(--surface)}.state-panel{border:1px dashed var(--muted);padding:24px;border-radius:20px}.state-panel>span{font-size:1.5rem;color:var(--teal)}.error,.state-panel.error>span{color:var(--red)}.skeleton{height:12px;width:70%;background:var(--line);border-radius:8px}.field{display:grid;gap:8px;margin-block:20px}.field input{width:100%;min-height:48px;border:1px solid var(--muted);border-radius:10px;padding:12px;background:var(--bg);color:var(--text)}.field input[aria-invalid=true]{border-color:var(--red)}.field p{margin:0}.form-panel{max-width:600px;margin-inline:auto}.check{display:flex;align-items:flex-start;gap:12px;padding-block:12px;min-height:44px}.check input{width:22px;height:22px;flex-shrink:0}.facts{margin:0}.facts>div{padding-block:16px;border-block-end:1px solid var(--line);display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.facts dt{color:var(--muted)}.facts dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--muted);border-radius:20px;background:var(--surface);color:var(--text);overflow:auto}dialog::backdrop{background:rgb(0 0 0/.75)}.dialog-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.dialog-header h2{overflow-wrap:anywhere}.drawer{margin-inline:auto 16px;margin-block:16px;width:min(420px,calc(100% - 32px));min-height:calc(100dvh - 32px)}.drawer nav{flex-direction:column}.drawer a{padding:12px}footer{border-block-start:1px solid var(--line);padding-block:32px calc(110px + env(safe-area-inset-bottom))}details{padding-block:20px;border-block-end:1px solid var(--line)}summary{min-height:44px;cursor:pointer}details p{color:var(--muted);margin-block:12px}.section-space{margin-block-start:42px}.catalog{display:grid;gap:24px}.badge{color:var(--teal);font-size:.8125rem}bdi{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (min-width:760px){body{font-size:1rem;line-height:1.6}main{padding-block:61px}.hero{grid-template-columns:1.2fr 1fr;gap:42px}.hero h1{font-size:3.5625rem}.grid{grid-template-columns:1.3fr 1fr}.card,.visual{border-radius:24px;padding:32px}.section-space{margin-block-start:61px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1050px){.desktop-nav{display:flex;margin-inline-start:auto}.bottom-nav,.mobile-menu{display:none}.preferences{margin-inline-start:auto}footer{padding-block-end:42px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-height:500px){.bottom-nav{position:static}footer{padding-block-end:24px}}html{scroll-padding-block-end:calc(120px + env(safe-area-inset-bottom))}.reason,dd,dt,h1,h2,h3,p{overflow-wrap:anywhere}.catalog>*,.grid>*,.hero>*{min-inline-size:0}.preferences label{flex-wrap:wrap;min-inline-size:0;max-inline-size:100%}.preferences select{min-inline-size:0}.brand{max-inline-size:100%}.app-navigation{border-block-end:1px solid var(--line);padding-block-end:16px;margin-block-end:24px}.connection-notice .notice{max-inline-size:1200px;margin:16px auto}.feedback-region{display:none}.feedback-region.visible{display:block;position:fixed;inset-inline:20px;inset-block-end:calc(100px + env(safe-area-inset-bottom));margin-inline:auto;max-inline-size:600px;max-block-size:45dvh;overflow:auto;padding:20px;background:var(--raised);border:2px solid var(--focus);border-radius:20px;z-index:20}.feedback-region p{margin-block-end:12px}.global-error{padding-block:42px}@media (max-width:759px){.site-header{gap:12px}.preferences{inline-size:100%}.mobile-menu{margin-inline-start:0}.bottom-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav a{min-inline-size:0;text-align:center;line-height:1.5}.button{max-inline-size:100%}footer{padding-block-end:calc(180px + env(safe-area-inset-bottom))}}@media (min-width:1050px){html{scroll-padding-block-end:32px}.feedback-region.visible{inset-block-end:24px}}main:focus-visible{outline:3px solid var(--focus);outline-offset:5px}