.app-top{z-index:60;background:#fff;border-bottom:1px solid #0b2a4a14;position:sticky;top:0}.app-top-in{align-items:center;gap:14px;max-width:none;height:64px;margin:0 auto;padding:0 clamp(16px,2.5vw,40px);display:flex}.app-brand{margin-inline-end:auto}.app-brand img{width:128px}.app-nav{align-items:center;gap:16px;font-size:15px;font-weight:700;display:flex}.app-nav a{color:var(--muted);text-decoration:none}.app-nav a:hover{color:var(--navy)}.app-user{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.app-out{background:var(--foam);color:var(--navy);cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-weight:700}.demo-bar{color:#7a5418;text-align:center;background:#fff5e6;padding:6px 12px;font-size:13.5px;font-weight:700}.app-main{max-width:1240px;margin:0 auto;padding:28px 20px 80px}.app-main.wide{max-width:none;padding:0}.app-burger,.tb-label{display:none}@media (width<=760px){.app-brand img{width:112px}.app-burger{background:var(--foam);cursor:pointer;border:0;border-radius:12px;place-content:center;gap:5px;width:44px;height:44px;padding:0;display:grid}.app-burger span{background:var(--navy);border-radius:2px;width:20px;height:2.5px;transition:transform .2s,opacity .2s;display:block}.app-burger[aria-expanded=true] span:first-child{transform:translateY(7.5px)rotate(45deg)}.app-burger[aria-expanded=true] span:nth-child(2){opacity:0}.app-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.app-nav{top:100%;opacity:0;visibility:hidden;background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;gap:2px;padding:8px;font-size:16px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;inset-inline:10px;transform:translateY(-8px);box-shadow:0 18px 40px #0b2a4a2e}.app-nav.open{opacity:1;visibility:visible;transform:none}.app-nav>*{text-align:start;border-radius:10px;padding:10px 14px;line-height:1.3}.app-nav>a:hover,.app-nav>button:hover{background:var(--foam)}.app-nav .app-user{max-width:none;color:var(--muted);border-bottom:1px solid #0b2a4a14;border-radius:0;order:-1;padding-bottom:6px;font-size:14px}.app-nav .app-user:empty{display:none}.app-nav .app-out{color:#b91c1c;background:0 0;order:10;padding:12px 14px;font-size:16px}.app-nav .theme-btn{width:auto;height:auto;font:inherit;color:var(--muted);background:0 0;border-radius:10px;align-items:center;gap:10px;display:flex}.app-nav .tb-label{font-weight:700;display:inline}.app-nav .app-lang{font-size:16px}}html.dark .app-nav{background:var(--surface)}@media (width<=760px){html.dark .app-nav .theme-btn{background:0 0}}.card{box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:22px}.muted{color:var(--muted)}.field{gap:6px;font-size:15px;font-weight:700;display:grid}.field input,.field select,.field textarea,.inp{font:inherit;color:var(--ink);background:#fff;border:2px solid #0b2a4a1f;border-radius:12px;width:100%;padding:12px 14px;font-weight:400}.field input:focus,.field select:focus,.field textarea:focus,.inp:focus{border-color:var(--turq);outline:none}.btn-soft{background:var(--foam);color:var(--navy)}.btn-soft:hover{background:#dff2f4}.btn-dark{background:var(--navy);color:#fff}.btn-small{min-height:38px;padding:0 14px;font-size:15px}.err{color:#c2410c;min-height:22px;font-size:15px;font-weight:700}.ok-msg{color:#15803d;font-size:15px;font-weight:700}.bar{background:#0b2a4a14;border-radius:999px;height:10px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--turq), #5fd3d9);border-radius:999px;width:0;height:100%;transition:width .5s;display:block}.pill{background:var(--foam);color:var(--turq-d);border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:700;display:inline-block}.pill.red{color:#b91c1c;background:#fdecec}.pill.sun{color:#8a5a00;background:#fff1d6}.loading{text-align:center;color:var(--muted);padding:60px 0}.app-lang{color:var(--muted);font-size:14px;font-weight:700;text-decoration:none}html.dark{color-scheme:dark;--navy:#e8f0f6;--ink:#e8f0f6;--muted:#9db2c3;--foam:#1a3248;--white:#0c1824;--shadow:0 10px 30px #00000073;--surface:#13222f;--line:#e8f0f61f}html.dark body{color:var(--ink);background:#0c1824}html.dark .app-top,html.dark .card,html.dark .viewer,html.dark .side,html.dark .side-head,html.dark .tabs,html.dark .sbtn,html.dark .tab[aria-selected=true],html.dark .jump,html.dark .tbl .mini,html.dark .tbl .mini-sel,html.dark .steps li b,html.dark .viewer .opt,html.dark .field input,html.dark .field select,html.dark .field textarea,html.dark .inp{background:var(--surface)}html.dark .app-top{border-bottom-color:var(--line)}html.dark .side{border-inline-end-color:var(--line)}html.dark .side-head,html.dark .tbl td,html.dark .line{border-color:var(--line)}html.dark .field input,html.dark .field select,html.dark .field textarea,html.dark .inp,html.dark .viewer .opt,html.dark .sbtn,html.dark .tbl .mini{color:var(--ink);border-color:#e8f0f62e}html.dark ::placeholder{color:#7f95a8}html.dark .bar{background:#e8f0f61a}html.dark .viewer .dots i{background:#e8f0f633}html.dark .btn-dark,html.dark .tabs button[aria-selected=true],html.dark .steps li[aria-current],html.dark .kinds label:has(input:checked),html.dark .side-toggle,html.dark .viewer .video-ph,html.dark .skip{color:#fff;background:#2a5c86}html.dark .steps li[aria-current] b{color:#2a5c86;background:#fff}html.dark .btn-primary{color:#0b2a4a}html.dark .btn-soft:hover{background:#22405c}html.dark .item.cur{background:#173b4c}html.dark .viewer .fact{background:#143a45}html.dark .viewer .warn{background:#3d2a14}html.dark .viewer .tip{background:#1e3524}html.dark .viewer .opt.right,html.dark .viewer .explain.good{background:#133826}html.dark .viewer .opt.wrong,html.dark .viewer .explain.bad{background:#3d2215}html.dark .reply{color:#a7f3d0;background:#133826}html.dark .tbl th{background:#172a3a}html.dark .tbl tr.blocked td{background:#3a1c1c}html.dark .demo-bar,html.dark .demo-box,html.dark .co .hint{color:#f5d7a1;background:#3a2c14}html.dark .steps li.done{color:#86efac;background:#133826}html.dark .pill.red{color:#fca5a5;background:#3a1c1c}html.dark .pill.sun{color:#fcd58a;background:#3d2f12}html.dark .err{color:#fdba74}html.dark .ok-msg,html.dark .line.disc dd{color:#86efac}html.dark .item.locked,html.dark .item.soon{color:#6b8193}html.dark .app-brand img{filter:brightness(1.15)}html.dark .app-brand{background:#f4f8fb;border-radius:10px;padding:2px 6px}.theme-btn{background:var(--foam);color:var(--navy);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:18px;line-height:1;display:inline-grid}.theme-btn:hover{filter:brightness(1.08)}