:root{--bg:#f7f7f8;--fg:#1a1a1a;--muted:#666;--card:#fff;--border:#e2e2e5;--accent:#1558d6;--accent-fg:#fff}@media (prefers-color-scheme:dark){:root{--bg:#16171a;--fg:#eaeaea;--muted:#9a9aa0;--card:#1f2024;--border:#33343a;--accent:#4f8cff;--accent-fg:#0d0d10}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:640px;margin:0 auto;padding:32px 20px 64px}.sidebar{z-index:30;background:var(--card);border-right:1px solid var(--border);flex-direction:column;gap:12px;width:260px;padding:20px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar .brand{letter-spacing:-.02em;color:var(--fg);align-items:center;gap:9px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:var(--accent);flex:none}.country-search{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:8px 10px;font-size:.9rem}.sidebar nav{flex-direction:column;flex:1;min-height:0;display:flex}.nav-countries{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;margin:0;padding:0 2px 16px 0;list-style:none;display:block;overflow-y:auto}.nav-countries::-webkit-scrollbar{width:8px}.nav-countries::-webkit-scrollbar-track{background:0 0}.nav-countries::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--card);border-radius:8px}.nav-countries:hover{scrollbar-color:var(--muted) transparent}.nav-countries:hover::-webkit-scrollbar-thumb{background:var(--muted)}.nav-countries li{background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:.95rem}.nav-countries li:hover{background:0 0}.nav-countries a{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:8px 10px;font-weight:500;text-decoration:none;transition:background .12s;display:block;overflow:hidden}.nav-countries a:hover,.nav-countries a:focus-visible{background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav-countries a.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.flag{margin-right:8px;font-size:1.05em;line-height:1}.flag-end{margin:0 0 0 10px}.nav-toggle,.nav-scrim{display:none}#toast{z-index:50}@media (width>=761px){body.with-sidebar{padding-left:260px}}@media (width<=760px){.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:0 0 40px #00000040}body.nav-open .sidebar{transform:none}.wrap{padding-top:64px}.nav-toggle{z-index:40;background:var(--card);border:1px solid var(--border);cursor:pointer;width:42px;height:42px;color:var(--fg);border-radius:9px;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex;position:fixed;top:12px;left:12px}.nav-scrim{z-index:20;background:#0006;border:0;display:block;position:fixed;inset:0}}h1{margin:0 0 6px;font-size:1.6rem}p.sub{color:var(--muted);margin:0 0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.out{cursor:pointer;background:color-mix(in srgb,var(--accent) 7%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:12px;justify-content:center;align-items:center;min-height:72px;padding:22px 48px;transition:border-color .12s,background .12s;display:flex;position:relative;overflow:hidden}.out:hover,.out:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--card))}.oc-num{white-space:nowrap;align-items:baseline;gap:6px;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.oc-code{color:var(--muted);font-size:clamp(1rem,4.5vw,1.25rem);font-weight:600}.oc-digits{color:var(--fg);letter-spacing:1px;font-size:clamp(1.4rem,7vw,2rem);font-weight:700}.copy-ic{color:color-mix(in srgb,var(--accent) 55%,var(--muted));transition:color .12s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.out:hover .copy-ic,.out:focus-visible .copy-ic{color:var(--accent)}.out.copied{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--card))}.out-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.85;pointer-events:none;font:600 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:9px;left:14px}.out-hint{text-align:center;color:var(--muted);margin:8px 0 0;font-size:.8rem}li:hover,li:focus-visible{background:color-mix(in srgb, var(--accent) 12%, transparent)}li{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint{color:var(--muted);font-size:.8rem;font-weight:400}.copied{outline:2px solid var(--accent);outline-offset:1px}li.copied{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);outline:none}.gen-btn{background:color-mix(in srgb,var(--accent) 14%,transparent);width:100%;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.gen-btn:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.switch-row{color:var(--muted);cursor:pointer;user-select:none;align-items:center;gap:10px;margin-top:16px;font-size:.9rem;display:inline-flex}.switch{-webkit-appearance:none;appearance:none;background:var(--border);cursor:pointer;border-radius:11px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.switch:checked{background:var(--accent)}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch:checked:after{transform:translate(16px)}button{cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:9px;padding:11px 14px;font:600 15px system-ui}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button:active{transform:translateY(1px)}.note{color:var(--muted);margin-top:20px;font-size:.8rem}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.list li.new{animation:.18s popIn}@media (prefers-reduced-motion:reduce){.list li.new{animation:none}}.list{margin-top:24px}.list h2{align-items:baseline;gap:8px;margin:0 0 12px;font-size:1.1rem;display:flex}ul{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}li{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:7px;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:1.05rem;transition:background .12s,border-color .12s,color .12s}#toast{top:max(20px,env(safe-area-inset-top));background:var(--accent);color:var(--accent-fg);opacity:0;pointer-events:none;z-index:50;border-radius:20px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:opacity .18s,transform .18s;position:fixed;right:20px;transform:translateY(-12px)}#toast.err{color:#fff;background:#9a3b2f}#toast.show{opacity:1;transform:translateY(0)}h2.pick{margin:32px 0 0;font-size:1.15rem}.hub-logo{margin:0 0 14px;display:block}.hub-search{border:1px solid var(--border);background:var(--card);width:100%;max-width:360px;color:var(--fg);font:inherit;border-radius:10px;margin:14px 0 4px;padding:11px 14px}.countries{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.countries li{background:0 0;border:0;min-width:0;max-width:100%;padding:0;font-size:1rem;display:flex}.countries li[hidden]{display:none}.countries a{border:1px solid var(--border);background:var(--card);max-width:100%;color:var(--fg);border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.countries .flag{flex:none;margin:0}.countries .cn{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.countries a:hover,.countries a:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.content{max-width:60ch;margin-top:40px}.content h2{margin:28px 0 8px;font-size:1.15rem}.content p,.content li{color:var(--fg)}.content ul{margin:8px 0;padding-left:20px;list-style:outside;display:block}.content ul li{cursor:auto;background:0 0;border:none;border-radius:0;padding:2px 0;font-family:inherit;font-size:1rem}.content ul li:hover{background:0 0}@media (width<=460px){ul{grid-template-columns:1fr}}