:root{color-scheme:dark;--bg:#0c1420;--card:#152235;--line:#293b51;--text:#e8edf4;--muted:#9bb0c6;--accent:#52d7ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}header>div:first-child{flex:1}h1{font-size:28px;line-height:1.2;margin:4px 0}h1 span{color:var(--accent)}small,.muted,footer{color:var(--muted)}small,.eyebrow{letter-spacing:.06em}section{padding:24px;margin:0 0 20px;background:var(--card);border:1px solid var(--line);border-radius:14px}h2{font-size:20px;margin:0 0 12px}button,input,select{font:inherit;border-radius:8px;border:1px solid #38516a;padding:10px 14px;background:#1b2d43;color:var(--text)}button{cursor:pointer;transition:background .15s}button:hover:enabled{background:#294763}button:disabled{opacity:.4;cursor:default}.primary,.selected{background:var(--accent);color:#0c1420}input,select{max-width:100%}label{display:block}#login{max-width:500px;margin:30px auto}#login input{width:100%;margin:6px 0 20px}#login button{width:100%}.toolbar,.sectionHead,.upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar label{flex:1}.toolbar select{margin-left:14px}.sectionHead{justify-content:space-between}.sectionHead h2{margin:0}.badge{padding:4px 12px;background:#24364b;border-radius:24px}.online{color:#77e6bd}.reading{background:linear-gradient(120deg,#142b3c,#142034)}.eyebrow{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.value{display:flex;align-items:baseline;gap:24px;min-height:140px;overflow-wrap:anywhere}#number{font:clamp(36px,7vw,84px)/1.7 ui-monospace,monospace;color:var(--accent);letter-spacing:-.04em}#unit{font-size:26px}#raw{font:22px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}#flags{color:var(--muted);font:14px/2 ui-monospace,monospace}.keys{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.keys button{min-height:50px;padding:8px 4px;font-weight:600}#pairCode{font:30px ui-monospace,monospace;color:var(--accent);letter-spacing:.12em}#notice{position:sticky;bottom:12px;background:#253c53;padding:12px 18px;border-radius:8px;min-height:0}#notice:empty{display:none}progress{width:100%;height:14px;accent-color:var(--accent)}#image{font-size:13px;overflow-wrap:anywhere}#action{color:var(--accent)}[hidden]{display:none!important}@media(max-width:700px){header,main,footer{padding:14px}section{padding:18px}.keys{grid-template-columns:repeat(4,1fr)}.value{min-height:110px;gap:10px}.eyebrow{font-size:11px}.toolbar select{margin:6px 0;display:block}.sectionHead>div{display:flex;gap:6px;flex-wrap:wrap}#identity{font-size:13px}.upload button{flex:1}}