:root{--bg:#0b0711;--surface:#171120;--surface-2:#1d1628;--line:#2a2136;--line-2:#3e3750;--text:#fff;--text-2:#a79db5;--text-3:#6e6480;--mag:#e62e8b;--mag-lift:#ff4fa3;--cta:linear-gradient(180deg, #ff3d9a, #d91b79);--r-sm:12px;--r-md:18px;--r-lg:24px;--r-pill:999px;--font:"Outfit", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-size:15px;line-height:1.45}#root{max-width:430px;min-height:100svh;padding:max(16px, env(safe-area-inset-top)) 20px max(30px, calc(env(safe-area-inset-bottom,0px) + 18px));flex-direction:column;margin:0 auto;display:flex}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.row:last-child{border-bottom:0}.row-label{font-weight:500}.row-note{color:var(--text-3);margin-top:2px;font-size:12.5px}.pill{border-radius:var(--r-pill);white-space:nowrap;border:1px solid #0000;padding:5px 11px;font-size:12px;font-weight:600}.pill.yes{color:#6fe3a8;background:#6fe3a81f;border-color:#6fe3a847}.pill.no{color:var(--text-3);background:var(--surface-2);border-color:var(--line-2)}.pill.warn{color:#ffc26f;background:#ffc26f1f;border-color:#ffc26f4d}button.cta{border-radius:var(--r-pill);background:var(--cta);color:#fff;width:100%;font-family:var(--font);cursor:pointer;border:0;padding:15px 20px;font-size:16px;font-weight:600;box-shadow:0 8px 24px #e62e8b47}button.cta:active{transform:translateY(1px)}button.cta:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}button.ghost{border:1px solid var(--line-2);color:var(--text);font-family:var(--font);border-radius:var(--r-pill);cursor:pointer;background:0 0;padding:10px 16px;font-size:14px;font-weight:500}.screen{flex-direction:column;flex:1;gap:clamp(12px,1.8vh,18px);padding-top:clamp(4px,3vh,40px);display:flex}.title{letter-spacing:-.035em;font-size:34px;font-weight:700;line-height:1.05}.lede{color:var(--text-2);margin:-6px 0 0;font-size:15px;line-height:1.5}.fine{color:var(--text-3);margin:0;font-size:12.5px}.screen .cta{margin-top:auto}.field{flex-direction:column;gap:7px;display:flex}.field-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600}.field-note{color:var(--text-3);font-size:12.5px;line-height:1.4;display:block}.input{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--text);font-family:var(--font);padding:14px 15px;font-size:16px}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--mag);outline:none;box-shadow:0 0 0 3px #e62e8b29}.input.code{letter-spacing:.34em;text-align:center;font-variant-numeric:tabular-nums;padding:16px 15px;font-size:30px;font-weight:600}.input-prefixed{align-items:center;display:flex;position:relative}.input-prefixed .prefix{color:var(--text-3);pointer-events:none;font-size:16px;position:absolute;left:15px}.input-prefixed .input{padding-left:32px}.check{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;align-items:flex-start;gap:12px;padding:14px 15px;display:flex}.check input{accent-color:var(--mag);flex:none;width:20px;height:20px;margin:1px 0 0}.check strong{font-size:15px;font-weight:600;display:block}.error{color:#ff8a8a;margin:0;font-size:13.5px}button.ghost.subtle{color:var(--text-3);border-color:#0000;padding:8px 0}.who{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.who .handle{font-weight:600}.who-right{align-items:center;gap:10px;display:flex}.counter{float:right;letter-spacing:0;text-transform:none;font-weight:500}.grid-4{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-2);font-family:var(--font);cursor:pointer;min-height:62px;padding:14px 4px;font-size:12.5px;font-weight:500}.tile.on{border-color:var(--mag);color:var(--text);background:#e62e8b1f}textarea.note{resize:none;font-size:16px;line-height:1.45}.tiers{flex-direction:column;gap:9px;display:flex}.tier{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;font-family:var(--font);color:var(--text);flex-direction:column;gap:3px;padding:14px 16px;display:flex}.tier.on{border-color:var(--mag);background:#e62e8b1a}.tier-name{font-size:15px;font-weight:600}.tier-blurb{color:var(--text-3);font-size:12.5px}.centred{text-align:center}button.cta.hold{position:relative;overflow:hidden}button.cta.hold>span{z-index:1;position:relative}button.cta.hold:before{content:"";width:var(--hold,0%);background:#ffffff47;transition:width 60ms linear;position:absolute;inset:0 auto 0 0}.live-head{justify-content:space-between;align-items:center;display:flex}.live-badge{letter-spacing:.18em;color:var(--mag);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.dot{background:var(--mag);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #e62e8bcc}.dot.cold{background:var(--text-3);box-shadow:none}.ring-wrap{place-items:center;margin:6px 0;display:grid;position:relative}.ring{width:min(66vw,250px);height:min(66vw,250px);transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--line);stroke-width:6px}.ring-run{fill:none;stroke:var(--mag);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 8px #e62e8b8c);transition:stroke-dashoffset 1s linear}.ring-face{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute}.clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:300}.meta{color:var(--text-3);font-size:12px}.notice{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--text-2);margin:0;padding:12px 14px;font-size:13.5px}.notice.quiet{color:var(--text-3);border-style:dashed}.linkish{color:var(--mag);font-family:var(--font);cursor:pointer;background:0 0;border:0;padding:0 0 0 8px;font-size:13.5px;font-weight:600}button.ghost.danger{color:var(--mag);border-color:var(--line-2);margin-top:auto}.cover{width:100%;color:var(--text);font-family:var(--font);cursor:pointer;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom);background:#000;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.cover-clock{letter-spacing:-.05em;opacity:.9;font-size:84px;font-weight:300}.cover-date{color:var(--text-3);margin-top:-6px;font-size:15px}.cover-chip{border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text-2);font-variant-numeric:tabular-nums;background:#171120cc;align-items:center;gap:10px;margin-top:26px;padding:10px 17px;font-size:13.5px;display:inline-flex}.cover-hint{letter-spacing:.14em;text-transform:uppercase;color:#47405a;margin-top:8px;font-size:11.5px}.tile{color:var(--text-3);flex-direction:column;align-items:center;gap:6px;display:flex}.tile.on{color:var(--text)}.tile svg{color:var(--text-2)}.tile.on svg{color:var(--mag)}.ring-glyph{color:var(--mag);filter:drop-shadow(0 0 10px #e62e8b80)}.live-read{flex-direction:column;align-items:center;gap:4px;margin-top:-4px;display:flex}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:var(--text-3);font-family:var(--font);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;padding:9px 12px;font-size:14px;font-weight:600}.segmented button.on{background:var(--surface-2);color:var(--text)}.alts{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.alts .linkish{padding:0}.input.wrong{border-color:#ff8a8a}.input.wrong:focus{box-shadow:0 0 0 3px #ff8a8a29}.field-note.warn{color:#ff8a8a}@media (height<=700px){.title{font-size:28px}.lede{font-size:14px}.ring{width:min(48vw,180px);height:min(48vw,180px)}.clock{font-size:36px}.tiers{gap:7px}.tier{padding:10px 14px}.check{padding:11px 14px}.tile{min-height:54px;padding:10px 4px}.input{padding:11px 14px}button.cta{padding:13px 20px}}button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}button.cta.hold{touch-action:none;-webkit-tap-highlight-color:transparent}.cards{flex-direction:column;gap:9px;display:flex}.signal-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;width:100%;font-family:var(--font);color:var(--text);align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.signal-glyph{color:var(--mag);flex:none;margin-top:1px}.signal-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.signal-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.signal-handle{font-size:15px;font-weight:600}.signal-note{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.signal-meta{color:var(--text-3);font-size:12px}.detail-head{color:var(--mag);align-items:center;gap:13px;display:flex}.detail-head>div{color:var(--text)}.title.detail-title{font-size:26px}.feed{flex-direction:column;flex:1;gap:7px;min-height:60px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.feed-row{color:var(--text-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 11px;font-size:13.5px;line-height:1.45}.feed-view{color:var(--text-3);background:0 0;border-color:#0000;padding:2px 0;font-size:12.5px}.feed-ping,.feed-spot{border-color:var(--mag);color:var(--text)}.composer{align-items:stretch;gap:8px;display:flex}.composer .input{flex:1}button.cta.compact{width:auto;padding:0 20px;font-size:15px}