:root{--font:ui-sans-serif,-apple-system,"Segoe UI Variable Text","Segoe UI",system-ui,Roboto,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Consolas,monospace;--blue:#2e6bff;--blue-br:#5b9bff;--cyan:#37e6d4;--navy:#04060e;--bg:#f5f7fe;--surface:#fff;--surface-2:#eef3fc;--card:#fff;--ink:#0a1024;--soft:#586084;--border:#14285a1f;--line:#14285a1f;--ok:#12b886;--warn:#e8a01e;--bad:#e5484d;--ring:#2e6bff59;--radius:18px;--shadow:0 30px 70px -34px #0a143c47}@media (prefers-color-scheme:dark){:root{--bg:#060a16;--surface:#0d1428;--surface-2:#0e1830;--card:#0d1428;--ink:#e9eeff;--soft:#96a1c4;--border:#82a0e624;--line:#82a0e624;--shadow:0 34px 80px -40px #000000b3}}:root[data-theme=dark]{--bg:#060a16;--surface:#0d1428;--surface-2:#0e1830;--card:#0d1428;--ink:#e9eeff;--soft:#96a1c4;--border:#82a0e624;--line:#82a0e624;--shadow:0 34px 80px -40px #000000b3}:root[data-theme=light]{--bg:#f5f7fe;--surface:#fff;--surface-2:#eef3fc;--card:#fff;--ink:#0a1024;--soft:#586084;--border:#14285a1f;--line:#14285a1f;--shadow:0 30px 70px -34px #0a143c47}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}.wrap{width:min(1080px,94vw);margin:0 auto}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:800}a{color:var(--blue)}.mono{font-family:var(--mono)}.btn{border:1px solid var(--border);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:.5em;padding:.72em 1.25em;font-size:.95rem;font-weight:650;text-decoration:none;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .2s,border-color .2s,opacity .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn-primary{background:var(--blue);color:#fff;border-color:#0000;box-shadow:0 10px 26px -10px #2e6bffb3,inset 0 1px #ffffff40}.btn-primary:hover{box-shadow:0 18px 40px -12px #2e6bffd9,0 0 0 4px #2e6bff29}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border-color:var(--border);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--blue)}.btn-sm{border-radius:10px;padding:.5em .95em;font-size:.82rem}.logo{align-items:center;text-decoration:none;display:inline-flex}header.app{z-index:30;backdrop-filter:saturate(1.4)blur(14px);background:linear-gradient(#0a1129f5,#060a17eb);border-bottom:1px solid #82a0e629;position:sticky;top:0;box-shadow:0 14px 34px -22px #08143c8c}header.app .logo .logo-light{display:none!important}header.app .logo .logo-dark{display:block!important}.app-in{justify-content:space-between;align-items:center;gap:1rem;height:66px;display:flex}.app-right{align-items:center;gap:.7rem;display:flex}.who{color:#aab6dd;white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:.9rem;overflow:hidden}.who b{color:#fff;font-weight:600}header.app .btn-ghost{color:#dbe3ff;border-color:#fff3}header.app .btn-ghost:hover{border-color:var(--cyan)}.toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:11px;place-items:center;width:38px;height:38px;transition:border-color .2s,transform .2s;display:grid}.toggle:hover{border-color:var(--cyan);transform:translateY(-2px)}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem}.eye{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-size:.72rem;font-weight:600}.crumb{margin:1.6rem 0 .2rem;font-size:.88rem}.crumb a{color:var(--soft);text-decoration:none}.crumb a:hover{color:var(--blue)}.sec{margin:2.2rem 0}.sec-h{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.sec-h h2{font-size:1.35rem}.sec-h .cnt{color:var(--soft);font-size:.82rem;font-family:var(--mono)}.cards{flex-direction:column;gap:.7rem;display:flex}.card{border:1px solid var(--border);background:var(--card);border-radius:14px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.05rem 1.3rem;transition:transform .18s,box-shadow .25s,border-color .2s;display:flex}.card.cardlink,a.card{color:inherit;text-decoration:none}.card.cardlink:hover,a.card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--blue) 38%,var(--border));transform:translateY(-2px)}.card .main{flex:1;min-width:180px}.card .t{font-weight:700}.card .s{color:var(--soft);margin-top:.15rem;font-size:.84rem}.card .amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.card .chev{color:var(--soft);font-size:1.3rem;line-height:1}.badge{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:7px;padding:.32em .65em;font-size:.68rem;font-weight:600}.badge.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.badge.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.badge.bad{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad)}.badge.mut{background:var(--surface-2);color:var(--soft)}.empty{border:1px dashed var(--border);color:var(--soft);text-align:center;border-radius:14px;padding:1.6rem;font-size:.9rem}.field{margin-bottom:.95rem}.field label{color:var(--soft);margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}.field input,.field select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);font-size:1rem;font-family:var(--font);border-radius:12px;padding:.82em 1em}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--ring);outline:none}.note{border-radius:11px;margin-bottom:1rem;padding:.75em .95em;font-size:.86rem}.note.err{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}.note.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}footer.app{border-top:1px solid var(--border);color:var(--soft);background:var(--surface);margin-top:2.5rem;padding:1.6rem 0;font-size:.82rem}.foot-in{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.foot-in a{color:var(--soft)}.foot-in a:hover{color:var(--blue)}@media (width<=560px){.card{gap:.55rem .8rem;padding:.95rem 1.05rem}.card .main{min-width:100%}.app-in{gap:.5rem}.who{display:none}.app-right{gap:.5rem}.btn-sm{padding:.5em .8em}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important}html{scroll-behavior:auto}}