:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#f2f6ff;--card:#fff;--tx:#0d1a3d;--mut:#5b6a90;--bd:#d6e0f5;--blue:#0173fc;--blue2:#0039c3;--navy:#011770;--or1:#ffa400;--or2:#ff5a00;--ok:#0a5bd6;--ko:#e0300a;--hdr:linear-gradient(135deg,#011770,#0039c3 55%,#0173fc);--btn:linear-gradient(135deg,#ff9a00,#ff5a00);--sh:0 2px 10px rgba(1,23,112,.08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070d22;--card:#0f1a3c;--tx:#eaf0ff;--mut:#9fb0d8;--bd:#223163;--navy:#a9ccff;--ok:#6db3ff;--ko:#ff8a65;--hdr:linear-gradient(135deg,#011770,#0039c3);--sh:none}}:root[data-theme=dark]{--bg:#070d22;--card:#0f1a3c;--tx:#eaf0ff;--mut:#9fb0d8;--bd:#223163;--navy:#a9ccff;--ok:#6db3ff;--ko:#ff8a65;--hdr:linear-gradient(135deg,#011770,#0039c3);--sh:none}html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:15px system-ui,sans-serif}main{max-width:980px;margin:auto;padding:12px}#hd{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--hdr);color:#fff;border-radius:16px;padding:10px 14px;box-shadow:var(--sh)}#hd .k{flex:1;color:#ffffffd9}#hd img{background:#fff;border-radius:12px;padding:2px}#hd b{letter-spacing:.5px;background:linear-gradient(90deg,#fff,#ffd27a);-webkit-background-clip:text;background-clip:text;color:transparent}#hd button{background:#ffffff24;color:#fff;border-color:#ffffff59}nav{display:flex;gap:6px;overflow-x:auto;padding:10px 0}nav button{white-space:nowrap;border-radius:999px;color:var(--navy);border-color:var(--bd)}button,select,input{font:inherit;color:inherit;background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:8px 12px}input:focus,select:focus{outline:2px solid var(--blue);outline-offset:1px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.on{background:var(--blue2);color:#fff;border-color:var(--blue2)}button.p{background:var(--btn);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 8px #ff5a0059}.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:8px 0}.g .c{border-top:4px solid var(--or2);border-image:linear-gradient(90deg,#fdca03,#ff7a00,#fc1101) 1 0 0 0}.c{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px;margin:8px 0;box-shadow:var(--sh)}.k{color:var(--mut);font-size:12px}.v{font-size:21px;font-weight:800;color:var(--navy)}.t{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:6px;border-bottom:1px solid var(--bd);text-align:left}th{color:var(--navy);border-bottom:2px solid var(--blue)}td input{width:90px}.r{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.ko{color:var(--ko)}.ok{color:var(--ok)}h2,h3{color:var(--navy)}#tk:not(:empty){position:fixed;top:0;right:0;bottom:0;left:0;background:#011770aa;display:flex;align-items:center;justify-content:center;z-index:20}.tkb{background:#fff;color:#000;width:300px;padding:14px;font:13px monospace;max-height:90vh;overflow:auto;border-top:5px solid #ff5a00}@media print{#root>main,#tk .np{display:none!important}#tk:not(:empty){position:static;background:none;display:block}.tkb{width:100%}}