:root{--bg: #f7f6f3;--surface: #ffffff;--fg: #171614;--dim: #6f6c64;--line: #e2e0da;--accent: #2b5cff;--danger: #b3261e;--ok: #1a7f4b;--pad: 1.5rem;--radius: 14px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #100f0e;--surface: #1a1917;--fg: #efece5;--dim: #97938a;--line: #2c2a27;--accent: #7b9bff;--danger: #ef6a62;--ok: #5fcf95}}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:var(--pad);background:var(--bg);color:var(--fg);font:400 16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{width:100%;max-width:32rem;display:flex;flex-direction:column;gap:1.25rem}h1{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.tagline{margin:.25rem 0 0;color:var(--dim);font-size:.95rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.dropzone{border:1.5px dashed var(--line);border-radius:var(--radius);padding:2.5rem 1.25rem;text-align:center;color:var(--dim);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);color:var(--fg)}.dropzone.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--fg)}.hidden-input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.rule{display:flex;align-items:center;gap:.75rem;color:var(--dim);font-size:.85rem}.rule:before,.rule:after{content:"";flex:1 1 auto;height:1px;background:var(--line)}label{display:block;font-size:.85rem;color:var(--dim);margin-bottom:.4rem}input[type=text]{width:100%;padding:.8rem .9rem;font:500 1.05rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:10px}input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:600 .95rem/1 inherit;padding:.8rem 1.1rem;border-radius:10px;border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.secondary{background:transparent;border-color:var(--line);color:var(--fg)}button.danger{background:var(--danger)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{display:flex;gap:.6rem;flex-wrap:wrap}.row>button{flex:1 1 8rem}.code{font:600 clamp(1.5rem,7vw,2.4rem)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.01em;word-break:break-word;margin:0}.symbols{display:flex;justify-content:center;gap:clamp(.75rem,5vw,1.75rem);font-size:clamp(2.5rem,14vw,4rem);line-height:1.1}.bar{height:6px;background:var(--line);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .2s}.meta{display:flex;justify-content:space-between;gap:1rem;color:var(--dim);font-size:.85rem}.meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note{color:var(--dim);font-size:.85rem;margin:0}.warn{color:var(--danger)}.ok{color:var(--ok)}.status{display:flex;align-items:center;gap:.5rem;color:var(--dim);font-size:.85rem}.dot{width:8px;height:8px;border-radius:99px;background:var(--dim);flex:none}.dot.live{background:var(--ok)}.dot.lost{background:var(--danger);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}footer{color:var(--dim);font-size:.8rem;text-align:center}footer a{color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}