@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap";:root{--bg: #f4f7fb;--bg-soft: #eef3fb;--text: #111827;--muted: #6b7280;--line: #e5e7eb;--brand-start: #3478f6;--brand-end: #1f4fd6;--card: #ffffff;--ok: #15803d;--danger: #c62828}:root[data-theme=dark]{--bg: #0b1220;--bg-soft: #101a2f;--text: #e5e7eb;--muted: #9ca3af;--line: #25324b;--brand-start: #4d8bff;--brand-end: #2f66e8;--card: #111b31;--ok: #34d399;--danger: #f87171}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;background:radial-gradient(circle at 8% -12%,rgba(83,154,255,.25),transparent 42%),radial-gradient(circle at 95% 112%,rgba(58,219,164,.2),transparent 40%),var(--bg);color:var(--text)}.screen{min-height:100vh;max-width:430px;margin:0 auto;padding:14px 12px 88px;position:relative}.page{min-height:calc(100vh - 110px);transition:transform .18s ease}.pull-indicator{position:sticky;top:4px;z-index:5;margin:0 auto 6px;width:fit-content;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 95%,transparent);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.78rem;display:inline-flex;align-items:center;gap:8px;opacity:0;transform:translateY(-10px);transition:all .18s ease}.pull-indicator-show{opacity:1;transform:translateY(0)}.pull-arrow{display:inline-flex;transition:transform .18s ease}.pull-arrow-ready{transform:rotate(180deg)}.page-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:14px}.page-head h1{margin:0;text-align:center;font-size:1rem;font-weight:800}.back-btn,.theme-btn{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--text);border-radius:12px;padding:8px 10px;font-weight:700}.back-btn.ghost{opacity:.65}.section{display:grid;gap:10px}.grid-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.link-tile{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 92%,transparent);border-radius:16px;padding:16px 12px;color:var(--text);display:grid;justify-items:center;gap:8px;font-weight:700}.icon{width:20px;height:20px}.inline-card,.code-box,.family-box{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 94%,transparent);border-radius:14px;padding:10px}.row{display:inline-flex;align-items:center;gap:8px}.region-name{display:flex;align-items:center;gap:8px;font-size:1.03rem;margin-bottom:8px}.row-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:7px;margin-top:7px}.row-line:first-child,.row-line.no-border{border-top:0;margin-top:0;padding-top:0}.muted{color:var(--muted);margin:0;font-size:.9rem}.flag{font-size:1.2rem;line-height:1}.code-box code{display:block;margin-top:6px;font-size:.76rem;color:color-mix(in srgb,var(--text) 86%,#7aa6ff);word-break:break-all;white-space:pre-wrap}.sub-copy-box{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 96%,transparent);padding:8px}.sub-copy-label{font-size:.82rem;color:var(--muted);margin-bottom:6px}.sub-copy-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.sub-link-text{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg-soft) 75%,transparent);color:var(--text);text-align:left;font-size:.75rem;padding:9px 10px;word-break:break-all}.sub-copy-btn{border:1px solid #5a8cff;border-radius:10px;background:#4d8bff1f;color:#2f66e8;font-weight:800;font-size:.82rem;padding:9px 10px}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--card) 96%,transparent);color:var(--text);font-size:.82rem;font-weight:700;padding:7px 11px}.pill-active{border-color:#4d8bff;background:color-mix(in srgb,#4d8bff 18%,var(--card))}.list{display:grid;gap:8px}.list-item{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 94%,transparent);color:var(--text);display:flex;justify-content:space-between;align-items:center;padding:10px}.stats-box{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 94%,transparent);padding:10px;display:grid;gap:4px}.step{border-top:1px solid var(--line);padding-top:8px}.step p{margin:6px 0 0;color:var(--muted);white-space:pre-wrap}.step a{color:var(--brand-start);text-decoration:underline;word-break:break-word}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--line) 70%,transparent);border-radius:10px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:skeleton-slide 1.1s infinite}:root[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.skeleton-line{height:14px;margin:6px 0}.skeleton-line.short{width:62%}@keyframes skeleton-slide{to{transform:translate(100%)}}.download{display:block;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 96%,transparent);padding:9px;color:var(--text);text-decoration:none}.download span{display:block;color:var(--muted);font-size:.85rem}.text-input,.text-area{width:100%;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 96%,transparent);color:var(--text);padding:10px;font:inherit}.text-area{min-height:92px;resize:vertical}.cta,.ghost-btn{width:100%;border-radius:14px;font-weight:800;padding:12px;display:flex;justify-content:space-between;align-items:center}.danger-btn{border-color:#dc262659;color:#b91c1c;background:#dc262614}:root[data-theme=dark] .danger-btn{border-color:#f8717180;color:#fca5a5;background:#7f1d1d42}.cta{border:0;color:#fff;background:linear-gradient(112deg,var(--brand-start),var(--brand-end))}.ghost-btn{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 96%,transparent);color:var(--text)}.compact-btn{width:auto;min-width:0;padding:9px 10px;font-size:.82rem}.tag{border-radius:999px;border:1px solid #ffd7b0;background:#fff1e2;color:#9a3412;font-size:.76rem;font-weight:700;padding:2px 8px}:root[data-theme=dark] .tag{background:#9a341233;border-color:#9a341259;color:#fdba74}.tag-ok{border-color:#15803d59;background:#15803d1f;color:var(--ok)}.family-draft-row{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 94%,transparent);padding:8px;display:grid;gap:8px}.family-action-row{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.family-accordion{padding:0;overflow:hidden}.family-head-btn{width:100%;border:0;background:transparent;color:var(--text);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px}.chevron{display:inline-flex;transition:transform .18s ease}.chevron-open{transform:rotate(180deg)}.family-body{border-top:1px solid var(--line);padding:10px;display:grid;gap:8px}.icon-actions{display:inline-flex;gap:6px}.icon-btn{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 96%,transparent);color:var(--text);border-radius:10px;width:36px;height:36px;display:inline-grid;place-items:center;padding:0}.error-text{color:var(--danger);font-weight:700;margin:10px 2px 0}.ok-text{color:var(--ok);font-weight:700;margin:10px 2px 0}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:10px;width:min(430px,calc(100vw - 12px));background:color-mix(in srgb,var(--bg-soft) 92%,transparent);border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:1fr 1fr 1fr;padding:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.tab-btn{border:0;background:transparent;color:var(--muted);display:grid;justify-items:center;gap:4px;font-size:.72rem;font-weight:700;border-radius:12px;padding:7px 4px}.tab-btn-active{color:var(--text);background:color-mix(in srgb,var(--card) 96%,transparent)}.interactive{transition:transform .13s ease,box-shadow .17s ease,background-color .17s ease}.interactive:active{transform:translateY(1px) scale(.995)}.interactive:hover{box-shadow:0 8px 18px #3478f62e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c1994;display:grid;place-items:center;padding:14px;z-index:40}.copy-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);border:1px solid rgba(21,128,61,.4);background:#15803d26;color:var(--ok);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:800;z-index:50}.modal-card{width:min(100%,390px);border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px}.modal-card h3{margin:0 0 8px}.modal-card p{margin:0;color:var(--muted)}.modal-actions{margin-top:12px;display:grid;gap:8px}.fade-in-up{animation:fadeUp .24s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}