*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:var(--ground, #101418);color:var(--text, #e9edf0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}#app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;gap:14px;padding:18px 16px 24px}.spacer{flex:1}.eyebrow{font-family:ui-monospace,Roboto Mono,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}h1{font-size:24px;font-weight:700;margin:0;letter-spacing:.01em;text-wrap:balance}h2{font-size:17px;font-weight:650;margin:0}p{margin:0;color:var(--mute);font-size:13.5px}.btn{display:block;width:100%;border:0;border-radius:12px;padding:14px 16px;font:inherit;font-size:15px;font-weight:600;text-align:center;cursor:pointer}.btn.primary{background:var(--accent);color:var(--accentInk)}.btn.secondary{background:none;border:1px solid var(--line);color:var(--text);font-weight:500}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.framing{border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:12px;padding:13px 15px;font-size:13px;color:var(--text)}.footnote{font-size:11.5px;color:var(--mute);text-align:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 15px}.card{border-radius:16px;padding:18px 18px 16px;background:var(--cardBg);color:var(--cardText);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}.card .nation{font-family:ui-monospace,Roboto Mono,Menlo,monospace;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.card h3{font-size:24px;letter-spacing:.12em;margin:8px 0 2px;font-weight:700;color:var(--text)}.card .sub{font-size:10.5px;color:var(--mute);margin-bottom:14px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.kv b{display:block;font-family:ui-monospace,Roboto Mono,Menlo,monospace;font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:500;margin-bottom:2px}.kv span{font-size:13px}.mono{font-family:ui-monospace,Roboto Mono,Menlo,monospace}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--valid)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--valid)}.status.bad{color:var(--danger)}.status.bad:before{background:var(--danger)}.words{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.words span{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 8px 9px 10px;font-family:ui-monospace,Roboto Mono,Menlo,monospace;font-size:12.5px}.words span i{font-style:normal;color:var(--mute);font-size:9.5px;margin-right:6px}.blurred .words span{filter:blur(6px)}.reveal{font-size:12.5px;color:var(--accent);text-align:center;cursor:pointer;text-decoration:underline;text-underline-offset:3px;background:none;border:0;font-family:inherit}textarea,input[type=text]{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;padding:11px 13px;resize:vertical}textarea:focus,input:focus{outline:1.5px solid var(--accent)}textarea.mono{font-family:ui-monospace,Roboto Mono,Menlo,monospace;font-size:12px}.field{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 13px;font-size:13.5px}.field small{color:var(--mute);font-size:11.5px;display:block}.sw{margin-left:auto;flex:0 0 auto;width:40px;height:23px;border-radius:12px;background:var(--line);position:relative;cursor:pointer;border:0}.sw:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--mute);transition:.15s}.sw[aria-checked=true]{background:var(--accent)}.sw[aria-checked=true]:after{left:19px;background:var(--accentInk)}.topbar{display:flex;align-items:center;gap:10px;padding:12px 16px 0}.topbar .back{background:none;border:0;color:var(--accent);font:inherit;font-size:14px;cursor:pointer;padding:4px 8px 4px 0}.tabbar{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,var(--ground));padding:6px 10px calc(8px + env(safe-area-inset-bottom,0px))}.tabbar button{background:none;border:0;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--mute);font-size:10.5px;font-weight:600;padding:6px 0 2px;border-radius:10px}.tabbar button.active{color:var(--accent)}.tabbar svg{width:22px;height:22px}.screen{padding-bottom:16px}.menurow{display:flex;justify-content:flex-end;gap:2px;margin:-8px 0 -10px}.menurow .menu{background:none;border:0;color:var(--mute);font:inherit;font-size:19px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:8px;display:flex;align-items:center}.menurow .menu svg{width:17px;height:17px;display:block}.card .nationline{display:flex;align-items:center;gap:8px}.card .flag{width:20px;height:13px;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--cardText) 25%,transparent);flex:0 0 auto}.card .flag i{flex:1}.sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:2px}.sectionhead small{font-size:11px;color:var(--mute);text-align:right}.approw{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 13px;cursor:pointer;font:inherit;color:var(--text)}.approw:disabled{cursor:default}.approw .mark,.sheet .mark{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:16px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.sheet .mark.big{width:44px;height:44px;border-radius:12px;font-size:18px}.approw.dim .mark{background:color-mix(in srgb,var(--mute) 14%,transparent);color:var(--mute)}.approw .body{display:flex;flex-direction:column;min-width:0}.approw .nm{font-size:14px;font-weight:650}.approw .ds{font-size:11.5px;color:var(--mute)}.approw .by{font-family:ui-monospace,Roboto Mono,Menlo,monospace;font-size:9.5px;letter-spacing:.08em;color:var(--mute);margin-top:1px}.chip{margin-left:auto;flex:0 0 auto;font-size:10.5px;font-weight:600;padding:4px 10px;border-radius:999px}.chip.on{background:color-mix(in srgb,var(--valid) 16%,transparent);color:var(--valid)}.chip.soon{background:color-mix(in srgb,var(--mute) 14%,transparent);color:var(--mute)}.chip.get{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.chip.added{border:1px solid var(--line);color:var(--mute);background:none}.chip.mock{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}.attn{display:flex;flex-direction:column;gap:8px}.attn .item{display:flex;align-items:center;gap:11px;text-align:left;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 13px;cursor:pointer;font:inherit;color:var(--text)}.attn .glyph{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:700;font-size:14px}.attn .glyph.bad{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.attn .body{display:flex;flex-direction:column;min-width:0}.attn .tt{font-size:13.5px;font-weight:600;line-height:1.3}.attn .dd{font-size:11.5px;color:var(--mute)}.sheetveil{position:fixed;inset:0;z-index:20;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;max-height:86%;overflow-y:auto;background:var(--panel);border-top:1px solid var(--line);border-radius:20px 20px 0 0;padding:14px 18px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}.sheet .grab{width:36px;height:4px;border-radius:2px;background:var(--line);margin:0 auto;flex:0 0 auto}.sheet .disclose{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12px}.sheet .disclose b{display:block;font-family:ui-monospace,Roboto Mono,Menlo,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:4px;font-weight:500}.sheet .disclose .no{color:var(--mute)}.sheet .panel{background:color-mix(in srgb,var(--ground) 55%,var(--panel))}.langchips{display:flex;gap:7px;flex-wrap:wrap}.langchips button{font:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:none;color:var(--text);border-radius:999px;padding:6px 14px}.langchips button.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.btn.secondary.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}