:root{--green:#1faa59;--green-bright:#1fb875;--green-dark:#188a47;--green-soft:#1faa591f;--green-soft-2:#1faa592e;--bg-app:#f5f4f1;--bg-card:#fff;--bg-card-2:#faf8f4;--bg-dark:#0f141c;--bg-dark-2:#0a1421;--bg-dark-navy:#0a0e16;--ink:#0f141c;--ink-muted:#0f141c9e;--ink-faint:#0f141c66;--ink-light:#0f141c0f;--on-dark:#fff;--on-dark-muted:#ffffffa6;--on-dark-faint:#fff6;--live:#e5484d;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--shell-max:420px}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:0;height:0}html,body{background:var(--bg-app);width:100%;height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5}#root{background:#e8e5de;justify-content:center;min-height:100vh;display:flex}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}button:active{transform:scale(.98)}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:700}h1{letter-spacing:-.02em;font-size:2.25rem;line-height:1.05}h2{font-size:1.25rem;line-height:1.2}h3{font-size:1.0625rem;line-height:1.25}h4{font-size:.9375rem;line-height:1.3}.mono{font-family:JetBrains Mono,SF Mono,ui-monospace,monospace}.phone-shell{width:100%;max-width:var(--shell-max);background:var(--bg-card);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.status-bar{flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 22px;font-size:15px;font-weight:600;display:flex}.status-bar-time{font-variant-numeric:tabular-nums}.status-bar-icons{align-items:center;gap:6px;font-size:13px;display:flex}.bottom-nav{width:100%;max-width:var(--shell-max);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--ink-light);z-index:100;background:#fffffff5;justify-content:space-around;align-items:center;padding:8px 4px 12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.phone-shell:has(.bottom-nav){padding-bottom:76px}.nav-item{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:6px 8px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.nav-item.active{color:var(--green)}.nav-item svg{width:22px;height:22px}.nav-item span{text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (width<=360px){.nav-item{padding:6px 4px;font-size:10px}.nav-item svg{width:20px;height:20px}}.page{background:var(--bg-card);flex-direction:column;flex:1;padding:0 20px 24px;display:flex}.btn{border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;padding:16px 20px;font-size:16px;font-weight:700;transition:all .15s;display:inline-flex}.btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 20px #1faa5952}.btn-primary:hover{background:var(--green-dark)}.btn-ghost-light{color:#fff;background:0 0;font-weight:600}.live-pill{background:var(--live);color:#fff;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-pill:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.online-badge{letter-spacing:.04em;color:var(--green);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.online-badge:before{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}.section-header{justify-content:space-between;align-items:baseline;margin:28px 0 12px;display:flex}.section-header h2{color:var(--ink)}.section-link{color:var(--green);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.card{background:var(--bg-card);border:1px solid var(--ink-light);border-radius:var(--radius);padding:16px}.bell-btn,.back-btn{background:var(--ink-light);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.bell-dot{background:var(--green);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.avatar{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.logo-mark{background:var(--green);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:flex}.brand-logo-img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:180px;height:28px;max-height:100%;display:block}.turnstile-widget-wrap{flex-direction:column;align-items:center;width:100%;margin:4px 0 6px;display:flex}.turnstile-widget{justify-content:center;min-height:140px;display:flex}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.upper{text-transform:uppercase;letter-spacing:.06em}@media (width<=480px){#root{background:var(--bg-card)}}