:root{--bg: var(--tg-bg-color, #17181c);--surface: var(--tg-secondary-bg-color, #22242b);--text: var(--tg-text-color, #f2f3f5);--muted: var(--tg-hint-color, #8d93a1);--accent: var(--tg-button-color, #4c8bf5);--accent-text: var(--tg-button-text-color, #ffffff);--app-height: 100dvh;--ring: rgb(255 255 255 / .14);--ring-hover: rgb(255 255 255 / .3);--vignette: rgb(0 0 0 / .22);color-scheme:dark}:root[data-tg-theme=light]{color-scheme:light;--bg: var(--tg-bg-color, #ffffff);--surface: var(--tg-secondary-bg-color, #f1f2f6);--text: var(--tg-text-color, #1a1b1f);--muted: var(--tg-hint-color, #707579);--ring: rgb(0 0 0 / .16);--ring-hover: rgb(0 0 0 / .34);--vignette: rgb(0 0 0 / .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}.app{display:flex;flex-direction:column;min-height:var(--app-height);max-width:560px;margin:0 auto;padding:12px 16px 20px}.app-header{position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 0 4px;margin:-12px 0 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.topbar-actions{display:flex;gap:6px}.icon-btn,.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,background .15s}.icon-btn:hover,.chip:hover{color:var(--text)}.icon-btn.is-active,.chip.is-active{background:var(--accent);color:var(--accent-text)}.filterbar{display:flex;flex-direction:column;gap:8px;margin:10px 0 0}.filter-select select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);color:var(--text);border:none;border-radius:10px;padding:9px 12px;font-size:14px;cursor:pointer}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.content{flex:1;padding:8px 0;min-height:0}.content>.notice{padding-top:15vh}.notice{text-align:center;color:var(--muted)}.notice-detail{font-size:13px}.notice code{background:var(--surface);padding:2px 6px;border-radius:5px}.player{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.circle{position:relative;width:min(78vw,340px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--surface);box-shadow:0 10px 40px #00000059}.circle-video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.circle-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:13px;color:var(--muted)}.spinner{position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:2px solid rgb(255 255 255 / .25);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.paused-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;animation:badge-in .14s ease-out}@keyframes badge-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}}.unmute{display:inline-flex;align-items:center;gap:6px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);border:none;border-radius:999px;padding:6px 14px;font-size:12px;background:#0009;color:#fff;cursor:pointer}.meta{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.meta-author{color:var(--text);font-weight:600;font-size:15px;line-height:1.25}.meta-sub{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.meta-dot{opacity:.5}.preload{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}.nav-btn{flex:1;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;padding:12px 10px;background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s}.nav-btn:not(:disabled):hover{background:var(--accent);color:var(--accent-text)}.nav-btn:disabled{opacity:.4;cursor:default}.counter{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:78px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.link-btn{display:inline-flex;align-items:center;border:none;background:none;color:var(--accent);cursor:pointer;padding:2px}.hex{--cols: 5;--cell: calc(100% / var(--cols));--gap: 3px;width:100%;align-self:flex-start;position:relative}.hex-row{display:flex;justify-content:flex-start;position:absolute;left:0;width:100%}.hex-row.is-narrow{justify-content:center}.hex-cell{flex:0 0 var(--cell);width:var(--cell);aspect-ratio:1;padding:var(--gap);border:none;background:none;cursor:pointer;position:relative;transition:transform .14s ease}.hex-cell img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;background:var(--surface);color:transparent;box-shadow:0 2px 6px #00000059}.hex-cell:after{content:"";position:absolute;inset:var(--gap);border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px var(--ring),inset 0 0 10px var(--vignette);transition:box-shadow .14s ease}.hex-cell:hover{z-index:2;transform:scale(1.07)}.hex-cell:hover:after{box-shadow:inset 0 0 0 1px var(--ring-hover),inset 0 0 10px #0000001a}.hex-cell.is-current{z-index:3}.hex-cell.is-current:after{box-shadow:inset 0 0 0 2px var(--accent),inset 0 0 10px #0000002e}.env-hint{margin:14px 0 0;text-align:center;font-size:11px;color:var(--muted);opacity:.6}.modal{border:none;padding:0;margin:auto;width:min(100%,420px);max-width:100%;max-height:100dvh;background:transparent;color:var(--text);overflow:visible}.modal::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-body{display:flex;flex-direction:column;gap:16px;padding:14px 16px 20px;background:var(--bg);border-radius:18px;box-shadow:0 20px 60px #00000080}.modal-bar{display:flex;justify-content:flex-end}.modal-close{padding:7px;border-radius:50%}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:10;border:none;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500;background:var(--accent);color:var(--accent-text);box-shadow:0 6px 24px #00000059;cursor:pointer}.profile{gap:14px}.profile-title{margin:0 auto 0 0;font-size:16px;font-weight:600}.profile-facts{display:flex;gap:10px;margin:0}.profile-facts>div{flex:1;background:var(--surface);border-radius:12px;padding:10px 12px;min-width:0}.profile-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.profile-facts dd{margin:2px 0 0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-form{display:flex;flex-direction:column;gap:8px}.profile-label{font-size:13px;color:var(--muted)}.profile-input{width:100%;border:1px solid transparent;border-radius:10px;padding:11px 12px;font-size:15px;background:var(--surface);color:var(--text)}.profile-input:focus{outline:none;border-color:var(--accent)}.profile-hint{margin:0;font-size:12px;line-height:1.4;color:var(--muted)}.profile-error{margin:0;font-size:13px;color:#ff6b6b}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;border:none;border-radius:12px;padding:12px;font-size:15px;font-weight:600;background:var(--accent);color:var(--accent-text);cursor:pointer}.primary-btn:disabled{opacity:.6;cursor:default}.profile-auth{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:12px;color:var(--muted)}.profile-auth.is-verified{color:#4ade80}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:6;display:flex;width:min(100%,560px);gap:4px;padding:6px 16px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--ring)}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;padding:7px 0;font-size:11px;font-weight:500;color:var(--muted);cursor:pointer;transition:color .12s}.nav-tab.is-active{color:var(--accent)}.bottom-nav[data-tab=stats] .nav-tab.is-active{color:#e8a33d}:root[data-tg-theme=light] .bottom-nav[data-tab=stats] .nav-tab.is-active{color:#b87415}.app{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.stats{--series-1: #e8a33d;--series-deep: #d08e26;--stat-surface: #241708;--stat-line: rgb(232 163 61 / .18);--stat-ink: #f5e4c3;display:flex;flex-direction:column;gap:14px;width:100%;align-self:flex-start}:root[data-tg-theme=light] .stats{--series-1: #b87415;--series-deep: #9a5f0d;--stat-surface: #fdf6e6;--stat-line: rgb(154 95 13 / .22);--stat-ink: #4a3211}.panel{background:var(--stat-surface);border:1px solid var(--stat-line);border-radius:16px;padding:14px;color:var(--stat-ink)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.panel-title{margin:0 0 10px;font-size:14px;font-weight:600}.panel-head .panel-title{margin:0}.goal-card{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--series-1) 16%,var(--stat-surface)) 0%,var(--stat-surface) 70%);border:1px solid var(--stat-line);border-radius:16px;padding:16px;color:var(--stat-ink)}.goal-label{margin:0;opacity:.7;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.goal-number{margin:4px 0 10px;font-size:40px;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.goal-meter{height:8px;border-radius:999px;background:color-mix(in srgb,var(--series-1) 18%,transparent);overflow:hidden}.goal-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--series-deep),var(--series-1))}.goal-facts{display:flex;gap:10px;margin:14px 0 0}.goal-facts>div{flex:1;min-width:0}.goal-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.goal-facts dd{margin:2px 0 0;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.goal-eta{display:flex;align-items:center;gap:6px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--stat-line);font-size:13px;opacity:.75}.goal-eta strong{opacity:1;font-weight:700}.kpis{display:flex;gap:10px}.kpi{flex:1;min-width:0;background:var(--stat-surface);border:1px solid var(--stat-line);border-radius:14px;padding:12px;color:var(--stat-ink)}.kpi-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.kpi-value{display:block;margin-top:2px;font-size:22px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.kpi-delta{display:inline-flex;align-items:center;gap:3px;margin-top:3px;font-size:11px;font-weight:600}.kpi-delta.is-up{color:#2f9e5f}.kpi-delta.is-down{color:#d1603d}.beer-chart{--beer-liquid: #e8a33d;--beer-liquid-deep: #d08e26;--beer-foam: #fdf6e6;--beer-surface: #241708;--beer-line: rgb(232 163 61 / .18);--beer-ink: #f5e4c3;--beer-glow: #3a2410;margin:0;padding:14px;border-radius:16px;background:radial-gradient(120% 90% at 50% 0%,var(--beer-glow) 0%,var(--beer-surface) 70%);border:1px solid var(--beer-line)}:root[data-tg-theme=light] .beer-chart{--beer-liquid: #b87415;--beer-liquid-deep: #9a5f0d;--beer-foam: #fffaf0;--beer-surface: #fdf6e6;--beer-line: rgb(154 95 13 / .22);--beer-ink: #4a3211;--beer-glow: #f6e6c8}.beer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.beer-title{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;color:var(--beer-ink);letter-spacing:-.01em}.beer-total{padding:5px 11px;border-radius:999px;border:1px solid var(--beer-line);font-size:11px;font-weight:600;color:var(--beer-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.beer-frame{border-radius:12px;border:1px solid var(--beer-line);padding:14px 10px 8px}.beer-plot{position:relative;height:190px;padding-top:20px}.beer-grid{position:absolute;top:20px;right:0;bottom:34px;left:26px;pointer-events:none}.beer-grid span{position:absolute;left:0;right:0;height:1px;background:var(--beer-line)}.beer-grid i{position:absolute;right:100%;transform:translateY(-50%);padding-right:6px;font-style:normal;font-size:10px;color:var(--beer-ink);opacity:.55;font-variant-numeric:tabular-nums}.beer-cols{position:absolute;top:20px;right:0;bottom:34px;left:26px;display:flex;align-items:flex-end;gap:6px}.beer-col{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;border:none;background:none;cursor:default}.beer-value{position:absolute;margin-bottom:5px;font-size:13px;font-weight:700;color:var(--beer-ink);font-variant-numeric:tabular-nums;transition:transform .12s}.beer-glass{position:relative;width:100%;max-width:46px;border-radius:5px 5px 2px 2px;overflow:hidden;background:radial-gradient(2px 2px at 30% 30%,rgb(255 255 255 / .45),transparent 60%),radial-gradient(1.5px 1.5px at 65% 55%,rgb(255 255 255 / .35),transparent 60%),radial-gradient(2px 2px at 45% 78%,rgb(255 255 255 / .3),transparent 60%),linear-gradient(180deg,var(--beer-liquid) 0%,var(--beer-liquid-deep) 100%);transition:filter .12s}.beer-foam{position:absolute;top:0;left:0;right:0;height:clamp(5px,16%,17px);background:radial-gradient(3px 3px at 25% 60%,rgb(255 255 255 / .9),transparent 70%),radial-gradient(2px 2px at 62% 40%,rgb(255 255 255 / .8),transparent 70%),var(--beer-foam);border-bottom:1px solid rgb(0 0 0 / .06)}.beer-col.is-peak .beer-glass{box-shadow:0 0 0 2px var(--beer-foam),0 0 18px #e8a33d8c}.beer-col.is-peak .beer-value{font-size:15px}.beer-col.is-active .beer-glass{filter:brightness(1.12)}.beer-col.is-active .beer-value{transform:translateY(-2px)}.beer-tick{position:absolute;top:100%;display:flex;flex-direction:column;align-items:center;gap:1px;padding-top:7px;line-height:1.15}.beer-tick b{font-size:11px;font-weight:600;color:var(--beer-ink)}.beer-tick i{font-style:normal;font-size:10px;color:var(--beer-ink);opacity:.55;font-variant-numeric:tabular-nums}.segmented{display:flex;gap:2px;padding:2px;border-radius:999px;background:color-mix(in srgb,var(--series-1) 10%,transparent)}.segment{border:none;background:none;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;color:inherit;opacity:.7;cursor:pointer}.segment.is-active{opacity:1}.segment.is-active{background:var(--series-1);color:#2a1a06}.board{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.board-row{display:grid;grid-template-columns:18px minmax(0,1fr) 34% auto;align-items:center;gap:8px}.board-rank{font-size:11px;opacity:.6;font-variant-numeric:tabular-nums}.board-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--series-1) 14%,transparent);overflow:hidden}.board-bar{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--series-deep),var(--series-1))}.board-count{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.insights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.insight{display:flex;flex-direction:column;gap:1px;background:color-mix(in srgb,var(--series-1) 7%,transparent);border:1px solid var(--stat-line);border-radius:12px;padding:10px 12px}.insight-icon{color:var(--series-1);margin-bottom:2px}.insight-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.insight-value{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.insight-note{font-size:11px;opacity:.65}