:root{--font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:ui-monospace,"SF Mono","Segoe UI Mono",Consolas,monospace;--blue:#1062fe;--blue-br:#5b9bff;--navy:#071a33;--bg:#f5f8fe;--surface:#fff;--surface-2:#eef3fc;--ink:#0a2540;--soft:#54648a;--border:#dce6f5;--ok:#12b886;--warn:#e8a01e;--bad:#e03131;--ring:#1062fe59;--shadow:0 1px 2px #0a25400d,0 14px 34px #0a254014}@media (prefers-color-scheme:dark){:root{--bg:#050f20;--surface:#0b1e3a;--surface-2:#0e2748;--ink:#eaf1ff;--soft:#9db4da;--border:#1c365e}}:root[data-theme=dark]{--bg:#050f20;--surface:#0b1e3a;--surface-2:#0e2748;--ink:#eaf1ff;--soft:#9db4da;--border:#1c365e}:root[data-theme=light]{--bg:#f5f8fe;--surface:#fff;--surface-2:#eef3fc;--ink:#0a2540;--soft:#54648a;--border:#dce6f5}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;line-height:1.55}.wrap{width:min(1080px,94vw);margin:0 auto}h1,h2,h3{letter-spacing:-.02em;margin:0}a{color:var(--blue)}.mono{font-family:var(--mono)}.btn{cursor:pointer;border:1px solid #0000;border-radius:11px;align-items:center;gap:.5em;padding:.7em 1.2em;font-size:.95rem;font-weight:650;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 22px -8px var(--blue)}.btn-primary:hover{transform:translateY(-1px)}.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);color:var(--blue)}.btn-sm{border-radius:9px;padding:.5em .9em;font-size:.82rem}.logo{align-items:center;text-decoration:none;display:inline-flex}header.app{border-bottom:1px solid var(--border);background:var(--surface);z-index:30;position:sticky;top:0}.app-in{justify-content:space-between;align-items:center;gap:1rem;height:64px;display:flex}.app-right{align-items:center;gap:.7rem;display:flex}.who{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:.9rem;overflow:hidden}.who b{color:var(--ink);font-weight:600}.toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:1.5rem}.eye{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-size:.72rem}.sec{margin:2rem 0}.sec-h{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.sec-h h2{font-size:1.15rem}.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(--surface);border-radius:13px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.card .main{flex:1;min-width:180px}.card .t{font-weight:650}.card .s{color:var(--soft);margin-top:.15rem;font-size:.84rem}.card .amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.badge{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:.3em .6em;font-size:.68rem}.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:13px;padding:1.4rem;font-size:.9rem}.field{margin-bottom:.9rem}.field label{color:var(--soft);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.field input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);border-radius:11px;padding:.8em 1em;font-size:1rem}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--ring);outline:none}.note{border-radius:10px;margin-bottom:1rem;padding:.7em .9em;font-size:.86rem}.note.err{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}footer.app{border-top:1px solid var(--border);color:var(--soft);margin-top:2rem;padding:1.4rem 0;font-size:.82rem}.foot-in{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.foot-in a{color:var(--soft)}@media (width<=560px){.card{gap:.55rem .8rem;padding:.95rem 1rem}.card .main{min-width:100%}.app-in{gap:.5rem}.who{display:none}.app-right{gap:.5rem}.btn-sm{padding:.5em .8em}}