:root{--bg: #0b0b0b;--panel: #141414;--ink: #f4f4f0;--muted: #9a9a92;--brand: #e4032e;--brand-soft: rgba(228, 3, 46, .14);--ok: #2fd06a;--radius: 14px;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh}a{color:inherit}.shell{max-width:720px;margin:0 auto;padding:24px 16px 48px}.site-header{position:sticky;top:0;z-index:10;background:#0b0b0beb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.site-header__inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.04em}.site-brand__logo{width:34px;height:34px}.site-header__nav{display:flex;gap:4px;flex-wrap:wrap}.site-header__nav a{text-decoration:none;color:var(--muted);padding:8px 10px;border-radius:999px;font-size:.9rem}.site-header__nav a[aria-current=page]{color:var(--ink);background:var(--brand-soft)}.hero{text-align:center;padding:34px 0 10px}.hero h1{margin:0;font-size:clamp(2rem,8vw,3.4rem);letter-spacing:-.02em}.hero .tagline{color:var(--muted);margin:8px 0 0;font-size:1.05rem}.counter-panel{text-align:center;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:22px 16px;margin:18px 0}.counter-panel .kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--muted);margin:0 0 10px}.digit-counter{display:block;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,10vw,3.6rem);font-weight:800;letter-spacing:.06em}.sync-message{min-height:1.2em;font-size:.85rem;color:var(--muted)}.deck{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:18px;text-align:center}.deck .swipe-label--late{color:var(--muted)}.portrait{width:min(240px,70vw);height:min(240px,70vw);border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.12);background:#1e1e1e}.portrait--initials{display:inline-flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:800}.profile-handle{color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}.profile-name{margin:0;font-size:1.4rem;overflow-wrap:anywhere}.account .profile-name{font-size:1rem}.profile-kind{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--brand);font-weight:800}.actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}button.primary,a.primary{display:inline-block;background:var(--brand);color:#fff;font-weight:800;letter-spacing:.06em;border:none;border-radius:999px;padding:14px 18px;font-size:1rem;text-decoration:none;cursor:pointer}button.ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 16px;cursor:pointer}.deck-footer{display:flex;justify-content:space-between;margin-top:14px;color:var(--muted);font-size:.85rem}.quick-guide{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:18px;margin-top:18px}.quick-guide ol{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}.quick-guide li{display:flex;gap:10px;align-items:center}.quick-guide b{background:var(--brand-soft);color:var(--brand);border-radius:999px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:none}.progress-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.meter{height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin:10px 0 16px}.meter__fill{height:100%;background:var(--ok);border-radius:999px;transition:width .3s ease}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.filters button{border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--muted);padding:8px 14px;border-radius:999px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--brand-soft);color:var(--ink);border-color:var(--brand)}.account-list{display:grid;gap:10px}.account{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:12px}.account>div{min-width:0}.account--done{opacity:.55}.account__photo,.account__initials{width:52px;height:52px;border-radius:50%;flex:none;object-fit:cover}.account__initials{display:inline-flex;align-items:center;justify-content:center;background:#1e1e1e;font-weight:800}.account__actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.account__actions .open{color:var(--muted);text-decoration:none;font-size:.85rem}.account__actions .mark{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--ink);border-radius:999px;padding:8px 12px;cursor:pointer}.account__actions .mark[aria-pressed=true]{background:var(--ok);border-color:var(--ok);color:#04310f}.section-head{margin:22px 0 10px}.section-head h2{margin:0 0 4px;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.section-head p{margin:0;color:var(--muted);font-size:.85rem}.list-sentinel{height:1px}.guide-card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:20px;line-height:1.6}.share-format{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:16px;margin-bottom:14px}.share-format img{max-width:220px;border-radius:12px}.share-caption{width:100%;min-height:200px;background:#101010;color:var(--ink);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px;font:inherit}.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:18px 16px 34px;text-align:center;color:var(--muted);font-size:.85rem}.site-footer__links{display:flex;justify-content:center;gap:16px;margin-top:10px}.site-footer__links a{color:var(--muted)}.network-picker{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 14px;justify-content:center}.network-picker label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9rem}.progress-code{margin:0 0 20px;border:1px solid var(--border, #333);border-radius:10px;padding:10px 14px}.progress-code summary{cursor:pointer;font-weight:600}.code-help{font-size:.9rem;opacity:.85}.code-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}.code-row input{flex:1 1 220px;min-width:0}.code-row [role=status]{font-size:.85rem}
