:root{--bg: #f6f5f1;--surface: #ffffff;--text: #16171a;--muted: #5b5f66;--line: #d9d7d0;--accent: #2446c7;--on-accent: #ffffff;--warn: #a4331f;--focus: #2446c7;--shadow: 0 1px 2px rgb(0 0 0 / .05), 0 6px 24px rgb(0 0 0 / .06);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #131417;--surface: #1d1f23;--text: #eceef1;--muted: #a3a8b0;--line: #34373d;--accent: #8fa8ff;--on-accent: #0f1321;--warn: #ff9d8a;--focus: #8fa8ff;--shadow: none}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:17px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page{flex:1;width:100%;min-width:0;max-width:30rem;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left))}.brand h1{margin:12px 0 28px;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.prompt{display:block;margin-bottom:10px;font-size:1.05rem;color:var(--muted)}#code{display:block;width:100%;min-width:0;min-height:72px;padding:10px 14px;border:2px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);font:inherit;font-size:clamp(2rem,10.5vw,3rem);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;caret-color:var(--accent)}#code.has-ext{font-size:clamp(1.6rem,7.5vw,2.4rem)}#code::placeholder{color:var(--muted);opacity:.45}#code[aria-invalid=true]{border-color:var(--warn)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#code:focus{outline:3px solid var(--focus);outline-offset:2px;border-color:transparent}.result{margin-top:20px}.result[aria-busy=true]{opacity:.6}.msg{margin:16px 4px;font-size:1.1rem;text-align:center}.msg.warn{color:var(--warn);font-weight:600}.card{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);animation:rise .16s ease-out}.card .msg{margin:20px 0 8px}.who{display:flex;align-items:center;gap:14px}.avatar{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--line)}.name{margin:0;font-size:1.35rem;line-height:1.25;overflow-wrap:anywhere}.badge{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.12em;color:var(--accent)}.badge svg{display:block;width:100%;height:100%}.badge circle{fill:currentColor}.badge path{fill:none;stroke:var(--on-accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.links{list-style:none;margin:16px -8px 0;padding:0}.links li+li{border-top:1px solid var(--line)}.link{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px;border-radius:10px;color:var(--text);text-decoration:none;font-size:1.1rem}.link:after{content:"›";margin-left:auto;padding-left:8px;font-size:1.5rem;color:var(--muted)}.link:hover .domain{text-decoration:underline}.num{min-width:2.2em;padding:2px 8px;border-radius:999px;background:var(--bg);text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.dot{color:var(--muted)}.domain{overflow-wrap:anywhere}.ext-label{margin:18px 0 10px;color:var(--muted)}.continue{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;padding:12px 16px;border-radius:14px;background:var(--accent);color:var(--on-accent);text-align:center;text-decoration:none}.continue .go{font-size:1.2rem;font-weight:700}.continue .to{font-size:.95rem;overflow-wrap:anywhere}.continue:active{filter:brightness(.92)}.quiet{display:block;margin:14px auto 0;min-height:44px;padding:8px 14px;border:0;border-radius:10px;background:none;color:var(--accent);font:inherit;cursor:pointer}.foot{padding:16px 16px max(20px,env(safe-area-inset-bottom));color:var(--muted);font-size:.9rem;text-align:center}.foot p{margin:4px 0}.foot a{color:inherit}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.card{animation:none}}