:root{color-scheme:light dark;font-family:Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--page-bg: #f7f8fa;--app-bg: #ffffff;--surface: #ffffff;--surface-soft: #f3f5f8;--surface-muted: #eef1f5;--sidebar-bg: #ffffff;--sidebar-text: #20242c;--sidebar-muted: #69717d;--sidebar-active: #eef2f7;--line: rgba(29, 32, 39, .1);--line-strong: rgba(29, 32, 39, .16);--text: #20242c;--text-muted: #606874;--accent: #d95d4e;--accent-strong: #bf473a;--teal: #237b86;--gold: #b8862d;--shadow-soft: 0 18px 50px rgba(29, 32, 39, .08);background:var(--page-bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg)}body:has(.appShell[data-theme=dark]){background:#1f1f1f}body:has(.appShell[data-theme=light]){background:#f7f8fa}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{width:min(100%,1440px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 32%),#f5f2ecdb;box-shadow:0 0 0 1px #1d20270a,0 24px 80px #1d202714}.appShell[data-theme=light]{color-scheme:light;--page-bg: #f7f8fa;--app-bg: #ffffff;--surface: #ffffff;--surface-soft: #f3f5f8;--surface-muted: #eef1f5;--sidebar-bg: #ffffff;--sidebar-text: #20242c;--sidebar-muted: #69717d;--sidebar-active: #eef2f7;--line: rgba(29, 32, 39, .1);--line-strong: rgba(29, 32, 39, .16);--text: #20242c;--text-muted: #606874;--accent: #d95d4e;--accent-strong: #bf473a;--teal: #237b86;--gold: #b8862d;--shadow-soft: 0 18px 50px rgba(29, 32, 39, .08)}.appShell[data-theme=dark]{color-scheme:dark;--page-bg: #1f1f1f;--app-bg: #1f1f1f;--surface: #292929;--surface-soft: #303030;--surface-muted: #3a3a3a;--sidebar-bg: #252525;--sidebar-text: #f2f2f2;--sidebar-muted: #b8b8b8;--sidebar-active: #353535;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .2);--text: #f1f1f1;--text-muted: #bdbdbd;--accent: #e2665a;--accent-strong: #f08a7d;--teal: #2f8b94;--gold: #d5ad5b;--shadow-soft: 0 16px 34px rgba(0, 0, 0, .24)}.appShell.sidebarCollapsed{grid-template-columns:78px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:26px 16px;background:#17191f;color:#f8f5ee;display:flex;flex-direction:column;gap:28px;overflow:hidden}.brandMark{position:relative;display:flex;align-items:center;gap:12px}.brandLogo{width:200px;height:122px;object-fit:contain;display:block;border-radius:6px}.brandMark span,.sideStat small,.sideStat span{color:#b7b0a4}.navList{display:grid;gap:8px}.sidebarToggle{position:absolute;top:0;right:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid #333740;border-radius:8px;background:#20242c;color:#f8f5ee}.navList button,.compactList button,.crewSelector button,.streamerCard,.heroContent button,.rivalBox button,.boardCard,.supporterActions button{border:0}.navList button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:8px;background:transparent;color:#dcd6ce;text-align:left}.themeToggle{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--sidebar-text);font-weight:800;text-align:left}.themeToggle:hover{background:var(--sidebar-active)}.navList button.active,.navList button:hover{background:#2a2d35;color:#fff}.sideStat{margin-top:auto;padding:10px 12px;border:1px solid #333740;border-radius:8px;display:grid;gap:3px}.sideStatHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.sideStatHeader button{width:28px;height:28px;border:1px solid #333740;border-radius:8px;background:#20242c;color:#f8f5ee;display:grid;place-items:center}.sideStat strong{font-size:.98rem}.sideStat small,.sideStat span{font-size:.74rem}.sidebarCollapsed .sidebar{padding:24px 14px;align-items:center}.sidebarCollapsed .brandMark{display:grid;justify-items:center;gap:10px}.sidebarCollapsed .navList span,.sidebarCollapsed .themeToggle span,.sidebarCollapsed .sideStat{display:none}.sidebarCollapsed .brandLogo{width:58px;height:72px}.sidebarCollapsed .sidebarToggle{position:static}.sidebarCollapsed .navList button,.sidebarCollapsed .themeToggle{width:48px;height:48px;justify-content:center;padding:0}.mainArea{padding:24px;display:grid;gap:20px}.topHeader{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{display:block;color:#a0483c;font-size:.75rem;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.35rem,4.2vw,3.85rem);line-height:.95;white-space:nowrap}.quickStats{display:flex;gap:8px;flex-wrap:nowrap;justify-content:end}.quickStats div{min-width:104px;padding:10px;border-radius:8px;background:#ffffffb8;border:1px solid rgba(29,32,39,.1);display:grid;gap:2px}.quickStats span,.metric span,.clipCard span,.titleItem span,.memberRows small,.compactList small,.rivalBox small{color:#6d6f76;font-size:.78rem}.homeGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px}.heroBand{min-height:430px;position:relative;overflow:hidden;border-radius:8px;background:#111;grid-row:span 2}.heroBand img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}.heroBand:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0f1115d6,#0f11152e)}.heroContent{position:absolute;inset:auto 8% 8%;z-index:1;color:#fff;max-width:560px;display:grid;gap:14px}.heroContent h2{font-size:clamp(2.4rem,7vw,5.8rem);line-height:.9}.heroContent p{color:#eee7dd;font-size:1.08rem;line-height:1.65}.heroContent button{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;background:#e35f4f;color:#fff;font-weight:800}.panel,.detailBand,.toolbar,.rankingIntro{border-radius:8px;background:#ffffffb8;border:1px solid rgba(29,32,39,.1);box-shadow:0 18px 50px #1d202714}.panel{padding:18px}.panel.wide{grid-column:span 1}.panelTitle{display:flex;align-items:center;gap:8px;margin-bottom:14px}.panelTitle h2{font-size:1.05rem}.compactList,.crewSelector,.memberRows,.rivalBox{display:grid;gap:10px}.compactList button,.memberRows div,.rivalBox button,.rivalBox div{display:grid;grid-template-columns:auto 42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:8px;background:#f5f2ec;color:#1d2027;text-align:left}.compactList img,.memberRows img{width:42px;height:42px;border-radius:8px;object-fit:cover}.rankBadge{display:grid;place-items:center;font-weight:900;color:#e35f4f}.clipGrid,.contentGrid,.titleGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.titleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.clipCard{overflow:hidden;border-radius:8px;background:#f8f6f1;border:1px solid rgba(29,32,39,.08)}.clipCard img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.clipCard div{padding:14px;display:grid;gap:6px}.clipCard h3{font-size:1rem;line-height:1.35}.detailBand{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;padding:16px;align-items:center}.detailBand>img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}.streamerDetail{grid-template-columns:166px minmax(0,1fr);align-items:center}.streamerDetail>img{width:148px;height:148px;aspect-ratio:1;border-radius:999px;justify-self:center;border:4px solid #fff;box-shadow:0 14px 32px #1d202729}.detailBand h2{font-size:clamp(2rem,4.2vw,3.45rem);line-height:.98}.detailBand p{max-width:760px;color:#4f525a;line-height:1.7;margin-top:8px}.metricStrip,.cardMetrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.metric{min-width:102px;padding:9px 10px;border-radius:8px;background:#fff;border:1px solid rgba(29,32,39,.08)}.metric strong,.metric span{display:block}.toolbar{padding:12px}.toolbar label{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:8px;background:#fff;border:1px solid rgba(29,32,39,.1)}.toolbar input{border:0;outline:0;background:transparent;width:100%}.streamerCard{width:100%;min-height:0;padding:0;overflow:hidden;border-radius:8px;background:#fff;color:#1d2027;text-align:left;border:1px solid transparent;appearance:none;cursor:pointer;display:grid;grid-template-rows:auto minmax(0,1fr)}.streamerCard.active{border-color:#e35f4f;box-shadow:0 0 0 3px #e35f4f24}.streamerCard figure{position:relative;display:block;width:100%;margin:0;overflow:hidden;aspect-ratio:3 / 4;background:#e9e2d9}.streamerCard img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;background:#e9e2d9;transform:scale(1.08);transform-origin:center top}.streamerCard figcaption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 20px);padding:0;border-radius:0;background:transparent;color:#fff;text-align:left;text-shadow:0 2px 10px rgba(0,0,0,.72)}.streamerCard figcaption span,.streamerCard figcaption strong{display:block}.streamerCard figcaption span{width:fit-content;padding:3px 8px;border-radius:999px;background:#ffffffad;color:#c74436;font-size:.66rem;font-weight:900;line-height:1.1;text-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.streamerCard figcaption strong{margin-top:4px;font-size:1.18rem;line-height:1.08;font-weight:900}.streamerCard>div{padding:12px;display:grid;gap:10px;align-content:start}.streamerCard>div>span{color:#a0483c;font-weight:800;font-size:.74rem;text-transform:uppercase}.streamerCard p{color:#565960;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.streamerCard .cardMetrics{display:grid;grid-template-columns:1fr;gap:5px;margin-top:0}.streamerCard .metric{min-width:0;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.streamerCard .metric span{font-size:.68rem;white-space:nowrap}.streamerCard .metric strong{font-size:.9rem;white-space:nowrap}.titleLayout,.crewLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:18px}.titleItem{min-height:112px;padding:14px;border-radius:8px;display:grid;align-content:space-between;color:#15171d}.titleItem strong{font-size:1.55rem}.tone-red{background:#ffd7cf}.tone-blue{background:#d9e9ff}.tone-green{background:#d8efdc}.tone-yellow{background:#f7e7aa}.tone-purple{background:#eadfff}.tone-cyan{background:#cdeff1}.tone-rose{background:#f9d6e2}.crewSelector button{display:grid;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f5f2ec;color:#1d2027;text-align:left}.crewSelector button{grid-template-columns:auto minmax(0,1fr) auto}.crewSelector button.active{background:#22262e;color:#fff}.rankingIntro{padding:18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.rankingIntro h2{font-size:clamp(1.8rem,4vw,3.4rem)}.rankingIntro p{color:#565960;margin-top:6px}.metricTabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.rankingControlStack{display:grid;gap:10px;justify-items:end}.periodTabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:end}.periodTabs button{min-height:32px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:.86rem;font-weight:850}.periodTabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.metricTabs button{min-height:38px;padding:0 12px;border-radius:8px;border:1px solid rgba(29,32,39,.12);background:#fff;color:#1d2027}.metricTabs button.active{background:#277b84;color:#fff}.liveRankingIntro{display:grid;gap:14px;align-items:stretch}.liveRankingIntroTop{display:grid;grid-template-columns:minmax(180px,auto) minmax(240px,1fr);gap:18px;align-items:end}.liveRankingIntroTop p{max-width:560px;justify-self:end;margin:0;color:var(--text-muted);line-height:1.55;text-align:right}.liveRankingIntro .rankingControlStack{display:flex;align-items:center;justify-content:flex-end;gap:8px}.liveRankingIntro .periodTabs,.liveRankingIntro .metricTabs{flex-wrap:nowrap}.liveRankingIntro .metricTabs{min-width:0;overflow-x:auto;padding-bottom:2px}.liveRankingGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));gap:14px}.liveRankingCard{--rank-tone: #2f6fe4;position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:0;align-items:stretch;min-height:206px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft);text-align:left;overflow:hidden}.liveRankingCard:hover{border-color:#d95d4e73;transform:translateY(-1px)}.liveRankingPhoto{position:relative;margin:0;width:100%;height:100%;min-height:206px;border-radius:8px 0 0 8px;background:#111827;overflow:hidden}.liveRankingPhoto:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.liveRankingPhoto img{width:100%;height:100%;object-fit:cover;display:block}.liveRankingPhoto figcaption{position:absolute;left:12px;right:10px;bottom:12px;z-index:1;display:flex;align-items:flex-end;flex-wrap:nowrap;gap:7px;color:#fff}.liveRankingPhoto figcaption b{flex:0 0 auto;color:#ffb21f;font-size:2.3rem;font-weight:950;line-height:.9;letter-spacing:0;white-space:nowrap}.liveRankingPhoto figcaption span{flex:0 0 auto;font-size:.9rem;font-weight:950;line-height:1;white-space:nowrap}.liveRankingPhoto figcaption span.up{color:#39a7ff}.liveRankingPhoto figcaption span.down{color:#ff6a57}.liveRankingBody{min-width:0;display:grid;grid-template-rows:auto 1fr;gap:12px;align-content:stretch;padding:16px}.liveRankingHeader{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(82px,auto);gap:10px;align-items:start}.liveRankingIdentity{min-width:0;display:grid;gap:4px;align-content:start}.liveRankingNameRow{min-width:0;display:flex;align-items:center;gap:7px}.liveRankingNameRow strong{min-width:0}.liveStatusPill{flex:0 0 auto;width:fit-content;height:20px;padding:0 7px;border-radius:999px;border:1px solid rgba(47,139,148,.28);background:#2f8b941a;color:var(--teal);display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:900;line-height:20px}.liveStatusPill i{flex:0 0 auto;width:7px;height:7px;border-radius:999px;background:#2fcb73;box-shadow:0 0 0 3px #2fcb7324}.liveStatusPill em{font-style:normal;line-height:20px}.liveRankingIdentity strong{font-size:1.45rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liveRankingIdentity small{max-width:100%;color:var(--text-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liveRankingValue{justify-self:end;max-width:150px;color:var(--rank-tone);font-size:2.55rem;font-weight:950;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.liveRankingValue.compact{max-width:168px;font-size:1.65rem;line-height:1.1;letter-spacing:0}.liveRankingValue.duration{display:grid;justify-items:end;gap:1px;max-width:86px;line-height:.98;white-space:normal;overflow:visible;text-overflow:clip}.liveRankingValue.duration span{display:block;white-space:nowrap}.liveRankingStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-self:end}.liveRankingStat{min-width:0;min-height:46px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);display:grid;align-content:center;gap:2px}.liveRankingStat small,.liveRankingStat b{white-space:nowrap}.liveRankingStat small{color:var(--text-muted);font-size:.72rem;font-weight:800}.liveRankingStat b{color:var(--text);font-size:.98rem;font-weight:950;overflow:hidden;text-overflow:ellipsis}.liveRankingEmpty{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.liveRankingEmpty strong{color:var(--text);font-size:1.15rem}.liveRankingEmpty p{color:var(--text-muted)}.chroniclePage{display:grid;gap:18px}.chronicleToolbar{display:flex;align-items:end;justify-content:space-between;gap:16px}.chronicleToolbar h2{font-size:clamp(1.8rem,4vw,3.2rem)}.chronicleControls{display:flex;align-items:center;gap:8px}.chronicleControls label{min-width:min(360px,42vw);min-height:42px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:8px}.chronicleControls input,.chronicleControls select,.chronicleControls label input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.chronicleControls select{width:auto;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.chronicleScopeBar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:2px 0 0}.chronicleMemberScopes{display:flex;align-items:start;gap:10px;overflow-x:auto;padding:0 2px 8px;scrollbar-width:thin}.chronicleScopeButton{position:relative;min-width:54px;border:0;background:transparent;color:var(--text-muted);display:grid;justify-items:center;gap:5px;cursor:pointer;font:inherit;transition:transform .16s ease}.chronicleScopeButton span,.chronicleScopeButton img{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 20px #1d202714;transition:width .16s ease,height .16s ease,border-color .16s ease,box-shadow .16s ease}.chronicleScopeButton img{object-fit:cover}.chronicleScopeButton small{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800}.chronicleScopeButton.active span,.chronicleScopeButton.active img{border-color:#f5a524;box-shadow:0 0 0 4px #f5a5243d,0 12px 24px #1d20271f}.chronicleScopeButton.active small{color:var(--text)}.memberScope.active img{width:56px;height:56px}.ybScope span{background:linear-gradient(135deg,#1f2937,#2d8b95);color:#fff;font-weight:900}.customScope span{background:#d95d4e;color:#fff;font-size:1.35rem;font-weight:900}.customScope.active span{background:#2f9f78;color:#fff}.chronicleCustomHint{margin:-8px 0 0;color:var(--text-muted);font-size:.86rem;font-weight:700}.chronicleToolActions{display:flex;justify-content:end;gap:8px;margin-top:-6px}.chronicleToolActions button{height:30px;padding:0 11px;border:0;border-radius:999px;background:var(--teal);color:#fff;font-size:.82rem;font-weight:900;cursor:pointer}.chronicleToolActions .deleteToolButton{background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}.chronicleComposer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.chronicleComposer label,.mediaRegisterField{display:grid;gap:6px;color:var(--text-muted);font-size:.82rem;font-weight:800}.chronicleFirstRowSpacer{display:block}.mediaRegisterField>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.chronicleComposer input,.chronicleComposer textarea{min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);outline:0}.chronicleDescription{grid-column:1 / 3}.chronicleFormSpacer{display:none}.chronicleTagField{grid-column:1 / -1}.chronicleToneField{display:flex;align-items:center;gap:8px;min-height:42px}.chronicleToneField>span,.chronicleTagField>span{color:var(--text-muted);font-size:.82rem;font-weight:900}.chronicleTagField>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chronicleTagField button{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:.78rem;font-weight:900;cursor:pointer}.chronicleTagField button.active{border-color:#f5a524;background:#f5a524;color:#fff;box-shadow:0 0 0 3px #f5a5241f}.chronicleSideTools{grid-column:3 / -1;align-self:stretch;display:grid;align-content:start;gap:12px;padding-top:24px}.chronicleToneButton{width:26px;height:26px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer}.chronicleToneButton.active{box-shadow:0 0 0 3px #237b862e}.chronicleToneButton.tone-green{background:#9cd7aa}.chronicleToneButton.tone-red{background:#e48b82}.chronicleToneButton.tone-yellow{background:#f2cf72}.chronicleToneButton.tone-blue{background:#6ea8e8}.chronicleToneButton.tone-purple{background:#9b78d6}.thumbnailFileButton{min-width:0}.thumbnailFileButton input[type=file]{min-height:42px;padding:9px 12px;cursor:pointer;width:100%}.chronicleComposer textarea{min-height:76px;padding:10px 12px;resize:vertical}.chronicleComposer button{min-height:42px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-weight:900;padding:0 14px}.chronicleComposer .chronicleTagField button{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:.78rem;font-weight:900;box-shadow:none}.chronicleComposer .chronicleTagField button.active{border-color:#f5a524;background:#f5a524;color:#fff;box-shadow:0 0 0 3px #f5a5241f}.chronicleFormActions{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.chronicleComposer .chronicleFormActions button{min-height:42px;padding:0 17px;border-radius:999px;font-size:inherit}.chronicleFormActions .deleteButton{background:#d95d4e;color:#fff}.chronicleFormActions .cancelButton{background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}.chronicleComposer .metadataButton{background:var(--surface-soft);color:var(--text);border:1px solid var(--line);min-height:42px;padding:0 12px;border-radius:8px;white-space:nowrap}.chronicleDeletePanel{display:grid;gap:12px;padding:16px}.chronicleDeletePanel header{display:flex;justify-content:space-between;gap:12px;align-items:center}.chronicleDeletePanel header span{color:var(--text-muted);font-size:.86rem;font-weight:900}.chronicleDeleteList{max-height:280px;overflow-y:auto;display:grid;gap:8px;padding-right:4px}.chronicleDeleteItem{display:grid;grid-template-columns:74px minmax(140px,1fr) minmax(120px,.8fr) auto auto;align-items:center;gap:10px;min-height:46px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.chronicleDeleteItem time,.chronicleDeleteItem>.chronicleParticipants{color:var(--text-muted);font-size:.82rem;font-weight:800}.chronicleDeleteItem strong,.chronicleDeleteItem>.chronicleParticipants{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chronicleDeleteItem button{min-height:30px;padding:0 10px;border:0;border-radius:8px;background:#d95d4e;color:#fff;font-weight:900;cursor:pointer}.chronicleDeleteItem .editQuickButton{background:var(--teal)}.metadataStatus{grid-column:1 / -1;color:var(--text-muted);font-size:.78rem}.chronicleTimeline{position:relative;display:grid;gap:28px;padding:28px 18px;overflow:hidden}.chronicleTimeline:before{content:"";position:absolute;top:24px;bottom:24px;left:50%;width:3px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,transparent,var(--accent),var(--teal),transparent)}.chronicleDateGroup{position:relative;min-height:106px;display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:start}.chronicleMarker{grid-column:2;justify-self:center;z-index:2;width:74px;height:74px;border-radius:999px;border:3px solid var(--surface);background:var(--accent);color:#fff;display:grid;align-content:center;place-items:center;gap:2px;box-shadow:0 12px 28px #1d20272e}.chronicleMarker span{font-size:.9rem;font-weight:900;letter-spacing:0}.chronicleMarker b{min-width:34px;padding:2px 7px;border-radius:999px;background:#ffffff3d;font-size:.67rem;line-height:1.15}.chronicleGroupStack{display:grid;gap:10px;transition:gap .18s ease}.chronicleEventRow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px;align-items:center}.chronicleBar{position:relative;overflow:visible;min-height:58px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);display:grid;align-content:center;gap:4px;padding:0 18px}.chronicleBar>strong,.chronicleBar>.chronicleParticipants{min-width:0}.chronicleBar.tone-green,.chronicleBar.tone-red,.chronicleBar.tone-yellow,.chronicleBar.tone-blue,.chronicleBar.tone-purple{background:var(--surface-soft);border-color:var(--line)}.chronicleBar:after{content:"";position:absolute;top:0;bottom:0;width:36px;background:transparent;z-index:0}.chronicleBar>strong,.chronicleBar>.chronicleParticipants{position:relative;z-index:1}.chronicleBar.tone-green:after{background:#17845e}.chronicleBar.tone-red:after{background:#df5b4f}.chronicleBar.tone-yellow:after{background:#f0ad24}.chronicleBar.tone-blue:after{background:#2f74c0}.chronicleBar.tone-purple:after{background:#7c4fc2}.chronicleBar strong,.chronicleParticipants{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chronicleBar strong{color:var(--text);font-size:1rem}.chronicleParticipants{min-width:0;display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.82rem}.chronicleHostChip{flex:0 0 auto;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 8px 2px;border:1px solid rgba(47,159,120,.62);border-radius:999px;background:#2f9f7814;color:#237a5d;font-size:.76rem;font-weight:900;line-height:1.45}.chronicleGuests{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chronicleTooltip{position:absolute;bottom:calc(100% + 10px);z-index:12;width:min(360px,78vw);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 18px 38px #1d20272e;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease;text-align:left}.tooltipRow{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:7px 0}.tooltipRow+.tooltipRow{border-top:1px solid var(--line)}.tooltipRow>span{color:var(--text-muted);font-size:.72rem;font-weight:900}.chronicleTooltip strong,.chronicleTooltip p{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:keep-all}.chronicleTooltip strong{font-size:.92rem;line-height:1.45}.chronicleTooltip .chronicleParticipants{white-space:normal;flex-wrap:wrap;justify-content:flex-start}.chronicleTooltip p{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.5}.chronicleBar:hover .chronicleTooltip,.chronicleBar:focus-within .chronicleTooltip{opacity:1;transform:translateY(0)}.chronicleDateGroup.topEdge .chronicleTooltip{top:calc(100% + 10px);bottom:auto;transform:translateY(-6px)}.chronicleDateGroup.topEdge .chronicleBar:hover .chronicleTooltip,.chronicleDateGroup.topEdge .chronicleBar:focus-within .chronicleTooltip{transform:translateY(0)}.chronicleThumb{width:96px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;display:block;border:1px solid var(--line);box-shadow:0 12px 22px #1d202724;background:var(--surface-muted)}a.chronicleThumb{cursor:pointer}a.chronicleThumb:hover{box-shadow:0 0 0 3px #237b862e,0 12px 22px #1d202724}.chronicleThumb img{width:100%;height:100%;border-radius:8px;object-fit:cover;display:block}.chronicleEditButton{position:absolute;right:-7px;top:-7px;z-index:2;width:26px;height:26px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);display:grid;place-items:center;box-shadow:0 8px 18px #1d202729}.chronicleDateGroup.left .chronicleEditButton{left:-7px;right:auto}.chronicleEventRow p{grid-column:1 / -1;color:var(--text-muted);font-size:.86rem;line-height:1.55;margin:-4px 106px 0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chronicleDateGroup.left .chronicleGroupStack{grid-column:1;justify-self:end;width:min(320px,100%)}.chronicleDateGroup.left .chronicleBar{text-align:right;border-top-right-radius:0;border-bottom-right-radius:0;padding-left:54px}.chronicleDateGroup.left .chronicleParticipants{justify-content:flex-end}.chronicleDateGroup.left .chronicleBar:after{left:-1px;border-top-left-radius:999px;border-bottom-left-radius:999px}.chronicleDateGroup.left .chronicleTooltip{right:18px}.chronicleDateGroup.left .chronicleEventRow{grid-template-columns:96px minmax(0,1fr)}.chronicleDateGroup.left .chronicleBar{grid-column:2}.chronicleDateGroup.left .chronicleThumb{grid-column:1;grid-row:1}.chronicleDateGroup.left p{margin:-4px 18px 0 106px;text-align:right}.chronicleDateGroup.right .chronicleGroupStack{grid-column:3;justify-self:start;width:min(320px,100%)}.chronicleDateGroup.right .chronicleBar{border-top-left-radius:0;border-bottom-left-radius:0;padding-right:54px}.chronicleDateGroup.right .chronicleParticipants{justify-content:flex-start}.chronicleDateGroup.right .chronicleBar:after{right:-1px;border-top-right-radius:999px;border-bottom-right-radius:999px}.chronicleDateGroup.right .chronicleTooltip{left:18px}.chronicleExpandButton{min-height:26px;width:fit-content;border:1px solid rgba(65,125,207,.28);border-radius:999px;background:#417dcf1a;color:#2d6bb3;font-size:.78rem;font-weight:900;padding:0 10px;box-shadow:none}.chronicleDateGroup.left .chronicleExpandButton{justify-self:end}.chronicleDateGroup.right .chronicleExpandButton{justify-self:start}.emptyState{position:relative;z-index:1;color:var(--text-muted);text-align:center}.mediaArchivePage{display:grid;gap:18px}.archiveToolbar{display:flex;align-items:end;justify-content:space-between;gap:16px}.archiveToolbar h2{font-size:clamp(1.8rem,4vw,3rem)}.archiveToolbar label{min-width:min(360px,42vw);min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;align-items:center;gap:8px}.archiveToolbar input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.archiveFilters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.archiveFilters button{height:34px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-weight:900;cursor:pointer}.archiveFilters button.active{border-color:#111820;background:#111820;color:#fff}.archiveComposer.chronicleComposer{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.archiveComposer .archiveTagField{grid-column:1 / -1}.archiveDescription{grid-column:1 / 3}.archiveSideTools{grid-column:3 / -1;align-self:stretch;display:grid;align-content:end;gap:12px}.archiveComposer .archiveSaveButton{border-radius:999px}.archiveSummary{display:flex;align-items:center;gap:6px;color:var(--text)}.archiveSummary strong{color:var(--text);font-size:1.1rem}.archiveSummary span{color:var(--text-muted);font-weight:800}.archiveGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;align-items:start;min-height:320px}.archiveGrid>.emptyState{grid-column:1 / -1;min-height:240px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:8px;background:var(--surface)}.archiveCard{display:grid;min-width:0;overflow:visible;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.archiveThumbWrap{position:relative;min-width:0;overflow:hidden;border-radius:8px 8px 0 0}.archiveCard a{min-width:0;display:block}.archiveCard img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--surface-muted)}.archiveCardBody{position:relative;min-width:0;padding:12px}.archiveCard h3{position:relative;color:var(--text);font-size:1rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archiveTitle:hover:after{content:attr(data-full);position:absolute;left:0;top:calc(100% + 6px);z-index:10;max-width:min(360px,72vw);padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);box-shadow:0 10px 24px #0f172a29;font-size:.78rem;font-weight:800;line-height:1.35;white-space:normal;word-break:keep-all}.archiveCard p{color:var(--text-muted);font-size:.86rem;margin:3px 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archiveMeta{display:flex;align-items:center;gap:6px}.archiveMeta time{flex:0 0 auto}.archiveMeta .chronicleParticipants{min-width:0;flex:1 1 auto;font-size:.82rem}.archiveMeta .chronicleHostChip{max-width:82px;font-size:.72rem}.archiveDescriptionTooltip{position:absolute;left:12px;right:12px;top:calc(100% - 2px);z-index:12;display:block;max-width:360px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 14px 30px #0f172a2e;font-size:.78rem;font-weight:700;line-height:1.45;word-break:keep-all;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}.archiveCard:hover .archiveDescriptionTooltip,.archiveCard:focus-within .archiveDescriptionTooltip{opacity:1;transform:translateY(0)}.archiveStats{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.archiveStats span{padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:.74rem;font-weight:900}.archiveChips{display:flex;gap:5px;flex-wrap:wrap}.archiveChips span{padding:3px 8px;border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:.72rem;font-weight:900}.archiveCardEdit{position:absolute;right:10px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#ffffffeb;color:#1f2937;box-shadow:0 8px 18px #0f172a2e;cursor:pointer}.archiveCardEdit:hover{border-color:var(--accent);color:var(--accent)}.supportersPage{display:grid;gap:18px}.supportersHero,.composerPage{border-radius:8px;background:#22262e;color:#fff;padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:end}.supportersHero h2,.composerPage h2{font-size:clamp(2rem,5vw,4rem)}.supportersHero p{max-width:720px;color:#e3ddd4;line-height:1.65;margin-top:8px}.supporterActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.supporterActions button{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:8px;background:#e35f4f;color:#fff;font-weight:800}.supporterActions button+button{background:#277b84}.boardGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.boardCard{min-height:132px;padding:16px;border-radius:8px;background:#ffffffc2;border:1px solid rgba(29,32,39,.1);color:#1d2027;text-align:left;display:grid;align-content:space-between}.boardCard.active{background:#22262e;color:#fff}.boardCard span{color:#a0483c;font-weight:900}.boardCard.active span,.boardCard.active small{color:#f4c46d}.boardCard strong{font-size:2rem}.boardCard small,.postList small,.uploadPanel p,.fileDrop small{color:#6d6f76}.supporterAuth{display:grid;gap:6px;padding:12px 16px}.supporterAuth p{color:#565960}.authForm,.authStatus{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(120px,180px));gap:10px;align-items:end}.authStatus{grid-template-columns:auto auto auto;justify-content:end;gap:8px;align-items:center}.authForm strong,.authStatus strong,.authStatus span,.authStatus small{display:block}.authForm input{min-height:42px;border:1px solid rgba(29,32,39,.12);border-radius:8px;background:#fff;padding:0 12px;outline:0}.authForm button,.authStatus button,.ghostButton{min-height:34px;border:0;border-radius:8px;background:#277b84;color:#fff;font-weight:800;padding:0 10px}.authStatus button{font-size:.86rem}.authForm .ghostButton{background:#22262e}.communityLayout{display:grid;grid-template-columns:1fr;gap:18px}.postList{display:grid;gap:6px;margin-top:14px}.postList button{min-height:46px;padding:0 14px;border-radius:8px;background:#f8f6f1;border:1px solid rgba(29,32,39,.08);color:#1d2027;text-align:left;display:flex;align-items:center}.postList button.active{border-color:#277b84;box-shadow:0 0 0 3px #277b841f}.postList span{color:#277b84;font-size:.78rem;font-weight:900}.postList strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postPreview{margin-top:0;min-height:320px;padding:22px;border-radius:8px;background:#22262e;color:#fff;display:grid;align-content:start;gap:14px}.boardFooter{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.boardFooter label{min-height:42px;padding:0 12px;border-radius:8px;background:#fff;border:1px solid rgba(29,32,39,.1);display:flex;align-items:center;gap:8px}.boardFooter input{width:100%;border:0;outline:0;background:transparent}.boardFooter button{min-height:42px;padding:0 14px;border:0;border-radius:8px;background:#e35f4f;color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:8px}.postPreview span{color:#f4c46d;font-size:.78rem;font-weight:900}.postPreview p{color:#e3ddd4;line-height:1.65}.postPreview>p{min-height:96px;font-size:1.02rem}.commentArea{margin-top:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:12px}.commentHeader{display:flex;justify-content:space-between;gap:10px;align-items:center}.commentHeader small,.commentList small{color:#b7b0a4}.commentList{display:grid;gap:10px}.commentList div{padding:12px;border-radius:8px;background:#ffffff14;display:grid;gap:4px}.commentInput{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.commentInput input{min-height:42px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:#fff;padding:0 12px;outline:0}.commentInput button,.composerHeader button,.composerFooter button{min-height:42px;border:0;border-radius:8px;background:#277b84;color:#fff;font-weight:800;padding:0 14px}.uploadPanel{display:grid;gap:12px}.uploadPanel label:first-child{min-height:42px;padding:0 12px;border-radius:8px;background:#fff;border:1px solid rgba(29,32,39,.1);display:flex;align-items:center;gap:8px}.uploadPanel input{width:100%;border:0;outline:0;background:transparent}.embedPreview{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#15171d;color:#b7b0a4}.embedPreview iframe{width:100%;height:100%;border:0}.postEmbed{width:min(820px,100%);aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#15171d;border:1px solid rgba(255,255,255,.12)}.postEmbed iframe{width:100%;height:100%;border:0}.fileDrop{min-height:108px;border-radius:8px;border:1px dashed rgba(39,123,132,.55);background:#eef6f5;display:grid;place-items:center;align-content:center;gap:4px;color:#1d2027;position:relative;overflow:hidden}.fileDrop input{position:absolute;inset:0;opacity:0;cursor:pointer}.composerPage{display:grid;align-items:start}.composerHeader{display:flex;justify-content:space-between;gap:18px;align-items:end;width:100%}.editorGrid{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:10px;width:100%}.editorGrid input,.editorGrid select,.editorGrid textarea{min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:#fff;padding:10px 12px;outline:0}.editorGrid textarea{grid-column:1 / -1;min-height:320px;resize:vertical}.htmlModeToggle{min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:#fff;display:flex;align-items:center;gap:8px;white-space:nowrap}.htmlModeToggle input{width:auto}.editorGrid ::placeholder{color:#c6c0b7}.editorGrid select option{color:#1d2027}.composerMedia{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:12px;width:100%}.composerFooter{display:flex;justify-content:flex-end;align-items:center;gap:10px;width:100%}.composerFooter span{margin-right:auto;color:#c6c0b7}.composerFooter button:last-child{background:#e35f4f}.htmlPostBody{width:min(900px,100%);color:#e3ddd4;line-height:1.65}.htmlPostBody iframe,.htmlPostBody video{max-width:100%;border:0;border-radius:8px}.adminLogin,.adminPage{display:grid;gap:18px}.adminLogin h2,.adminHeader h2{font-size:clamp(2rem,5vw,4rem);margin:0}.adminLogin p,.adminHeader p{color:#565960;margin-top:8px}.adminLoginForm{display:flex;gap:10px;flex-wrap:wrap}.adminLoginForm input,.adminEditor input,.adminEditor textarea{min-height:42px;border:1px solid rgba(29,32,39,.12);border-radius:8px;background:#fff;padding:0 12px;outline:0}.adminLoginForm button,.adminHeader button,.adminActions button{min-height:42px;border:0;border-radius:8px;background:#277b84;color:#fff;font-weight:800;padding:0 14px}.adminHeader{border-radius:8px;background:#22262e;color:#fff;padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:end}.adminHeader p{color:#e3ddd4}.adminHeaderActions{display:flex;align-items:center;gap:8px}.adminHeaderActions button:disabled{opacity:.68;cursor:wait}.adminSyncStatus{margin-top:-8px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text-muted);font-size:.9rem;font-weight:800}.adminSyncStatus.synced{border-color:#2f8b9452;background:#2f8b941a;color:var(--teal)}.adminLayout{display:grid;grid-template-columns:minmax(260px,.35fr) minmax(0,1fr);gap:18px}.adminMemberList{display:grid;gap:8px;max-height:720px;overflow:auto}.adminAddMemberButton{width:100%;min-height:42px;margin:12px 0;border:1px dashed var(--line-strong);border-radius:8px;background:var(--surface-soft);color:var(--text);font-weight:900;cursor:pointer}.adminMemberList button{min-height:58px;border:0;border-radius:8px;background:#f5f2ec;color:#1d2027;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:8px;text-align:left}.adminMemberList button.active{background:#22262e;color:#fff}.adminMemberList img{width:42px;height:42px;border-radius:8px;object-fit:cover}.adminMemberList small{display:block;color:#6d6f76}.adminMemberList button.active small{color:#b7b0a4}.adminEditor{display:grid;grid-template-columns:280px repeat(2,minmax(0,1fr));gap:12px;align-items:start}.profileImageSummary{grid-row:span 6;display:grid;gap:10px;align-content:start}.cropStage{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;background:#11151b;border:1px solid rgba(29,32,39,.12)}.cropStage img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform-origin:center;-webkit-user-select:none;user-select:none;pointer-events:none}.faceGuide{position:absolute;left:50%;top:50%;width:240px;aspect-ratio:1;border:2px solid rgba(244,196,109,.95);border-radius:999px;box-shadow:0 0 0 999px #0000003d;cursor:move;z-index:3;touch-action:none}.cropPreviewRow{display:grid;grid-template-columns:1fr 86px;gap:10px;align-items:center}.portraitPreview{width:120px;aspect-ratio:3 / 4;border-radius:8px;object-fit:cover}.avatarPreview{width:86px;height:86px;border-radius:999px;object-fit:cover;background:#22262e}.profileImageSummary button{min-height:42px;border:0;border-radius:8px;background:#277b84;color:#fff;font-weight:800}.imageEditorOverlay{position:fixed;inset:0;z-index:40;background:#0a0c10b8;display:grid;place-items:center;padding:22px}.imageEditorDialog{width:min(1180px,96vw);height:min(820px,92vh);border:1px solid #30343d;border-radius:8px;background:#1c1e24;display:grid;grid-template-columns:minmax(0,1fr) 260px;overflow:hidden}.imageEditorStage{min-width:0;display:grid;place-items:center;background:linear-gradient(45deg,#24262c 25%,transparent 25%),linear-gradient(-45deg,#24262c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#24262c 75%),linear-gradient(-45deg,transparent 75%,#24262c 75%),#191b20;background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0;cursor:grab;touch-action:none}.imageEditorStage:active{cursor:grabbing}.cropCanvas{position:relative;width:min(840px,72vw);height:min(640px,74vh);overflow:hidden;background:#11151bad}.cropCanvas img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none;max-height:none;transform-origin:center;-webkit-user-select:none;user-select:none;pointer-events:none}.cropFrame{position:absolute;left:50%;top:50%;width:414px;height:552px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.92);box-shadow:0 0 0 999px #04080d2e;pointer-events:none;z-index:2}.imageEditorPanel{padding:18px;background:#17191f;color:#f8f5ee;display:grid;gap:14px;align-content:start}.imageEditorPanel h3{margin:4px 0 0}.externalPhotoButton,.editorButtonRow button,.editorSaveButton{min-height:42px;border:0;border-radius:8px;background:#2a2d35;color:#fff;font-weight:800;display:grid;place-items:center;text-align:center}.externalPhotoButton input{display:none}.editorSlider{display:grid;gap:8px;color:#d7d0c8}.editorButtonRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editorSaveButton{background:#23c7dc;color:#071217}.editorPreviewCard{border:1px solid #30343d;border-radius:8px;padding:10px;display:grid;gap:8px;color:#b7b0a4}.editorPortraitPreview{width:100%;aspect-ratio:3 / 4;border-radius:8px;object-fit:cover}.editorAvatarPreview{width:74px;height:74px;border-radius:999px;object-fit:cover}.adminEditor label{display:grid;gap:6px;color:#565960;font-size:.85rem;font-weight:800}.adminEditor label input,.adminEditor label textarea{font-weight:400;color:#1d2027}.adminBio{grid-column:2 / -1}.adminBio textarea{min-height:140px;padding:12px;resize:vertical}.adminActions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:10px}.adminActions span{margin-right:auto;color:#565960}.adminActions button:last-child{background:#e35f4f}.appShell{grid-template-columns:minmax(0,1fr);background:var(--app-bg);box-shadow:0 0 0 1px var(--line),0 24px 80px #1d202712}.siteHeader{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:82px;padding:10px 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--app-bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.siteHeader .brandMark{min-width:82px}.siteHeader .brandLogo{width:78px;height:56px;border-radius:0}.siteNav{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;padding:4px 2px;scrollbar-width:thin}.siteNav.navList button{flex:0 0 auto;width:auto;min-height:40px;padding:0 12px;border-radius:999px;background:transparent;color:var(--text-muted);white-space:nowrap}.siteNav.navList button.active,.siteNav.navList button:hover{background:var(--surface-soft);color:var(--text)}.siteActions{display:flex;align-items:center;gap:8px}.siteActions .themeToggle{width:auto;min-height:38px;padding:0 12px;border-radius:999px;white-space:nowrap}.adminShortcut{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-soft);color:var(--text)}.mainArea{padding:22px 24px 42px}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--line)}.brandMark span,.sideStat small,.sideStat span,.quickStats span,.metric span,.clipCard span,.memberRows small,.compactList small,.rivalBox small,.boardCard small,.postList small,.uploadPanel p,.fileDrop small,.supporterAuth p,.rankingIntro p,.detailBand p,.streamerCard p,.adminActions span,.adminEditor label{color:var(--text-muted)}.navList button{color:var(--sidebar-text)}.navList button.active,.navList button:hover{background:var(--sidebar-active);color:var(--text)}.sidebarToggle,.sideStatHeader button,.themeToggle{border-color:var(--line-strong);background:var(--surface-soft);color:var(--text)}.sideStat{border-color:var(--line);background:var(--surface-soft)}.siteHeader{border-bottom:0;background:linear-gradient(180deg,#303030,#292929),#2c2c2c;box-shadow:0 14px 34px #0000002e}.siteNav.navList button{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffc7;font-weight:850}.siteNav.navList button.active,.siteNav.navList button:hover{border-color:#ffffffd1;background:#fff;color:#17191f;box-shadow:0 8px 18px #00000024}.siteActions .themeToggle,.adminShortcut{border-color:#ffffff38;background:#ffffff1a;color:#fff}.siteActions .themeToggle:hover,.adminShortcut:hover{background:#ffffff2e}.panel,.detailBand,.toolbar,.rankingIntro,.chronicleToolbar,.chronicleComposer,.chronicleTimeline,.quickStats div,.metric,.streamerCard,.clipCard,.boardCard,.supporterAuth,.postList button,.boardFooter label,.authForm input,.composerPage,.supportersHero,.adminHeader,.adminLogin,.adminMemberList button,.adminEditor label input,.adminEditor label textarea,.profileImageSummary,.crewSelector button,.compactList button,.memberRows div,.rivalBox button,.rivalBox div{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:var(--shadow-soft)}.supportersHero,.composerPage,.adminHeader{color:var(--text)}.supportersHero p,.composerPage p,.adminHeader p{color:var(--text-muted)}.postPreview{background:var(--surface);color:var(--text);border:1px solid var(--line)}.postPreview p,.htmlPostBody,.commentBody{color:var(--text)}.boardCard.active,.crewSelector button.active,.adminMemberList button.active{background:var(--surface-muted);color:var(--text);border-color:var(--accent)}.metricTabs button,.authForm .ghostButton,.authForm button,.authStatus button,.ghostButton,.profileImageSummary button,.chronicleEditButton,.chronicleFormActions .cancelButton{background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}.metricTabs button.active,.supporterActions button,.boardFooter button,.adminActions button:last-child,.heroContent button{background:var(--accent);color:#fff}.supporterActions button+button,.authForm button,.authStatus button,.profileImageSummary button,.metricTabs button.active,.chronicleFormActions button:first-child{background:var(--teal);color:#fff}.streamerCard figcaption{background:transparent;color:#fff;border:0;box-shadow:none}.streamerCard figcaption span,.boardCard span,.postList span,.postPreview span,.eyebrow{color:var(--accent-strong)}.streamerCard figcaption span{color:var(--accent-strong)}.streamerCard.active{border-color:var(--accent);box-shadow:0 0 0 3px #d95d4e24}.heroBand:after{background:linear-gradient(90deg,#14181fb8,#14181f1f)}@media(prefers-color-scheme:dark){:root{--page-bg: #1f1f1f;--app-bg: #1f1f1f;--surface: #292929;--surface-soft: #303030;--surface-muted: #3a3a3a;--sidebar-bg: #252525;--sidebar-text: #f2f2f2;--sidebar-muted: #b8b8b8;--sidebar-active: #353535;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .2);--text: #f1f1f1;--text-muted: #bdbdbd;--accent: #e46f61;--accent-strong: #f0a08f;--teal: #2f8b94;--gold: #d5ad5b;--shadow-soft: 0 16px 34px rgba(0, 0, 0, .24)}.appShell:not([data-theme=light]){background:var(--app-bg);box-shadow:0 0 0 1px var(--line),0 24px 70px #00000047}.appShell:not([data-theme=light]) .brandLogo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.appShell:not([data-theme=light]) .quickStats div,.appShell:not([data-theme=light]) .panel,.appShell:not([data-theme=light]) .detailBand,.appShell:not([data-theme=light]) .toolbar,.appShell:not([data-theme=light]) .rankingIntro,.appShell:not([data-theme=light]) .streamerCard,.appShell:not([data-theme=light]) .clipCard,.appShell:not([data-theme=light]) .boardCard,.appShell:not([data-theme=light]) .supporterAuth,.appShell:not([data-theme=light]) .postList button,.appShell:not([data-theme=light]) .postPreview,.appShell:not([data-theme=light]) .metric,.appShell:not([data-theme=light]) .archiveCard,.appShell:not([data-theme=light]) .adminHeader,.appShell:not([data-theme=light]) .adminLogin,.appShell:not([data-theme=light]) .adminMemberList button,.appShell:not([data-theme=light]) .profileImageSummary{border-color:var(--line);box-shadow:var(--shadow-soft)}.appShell:not([data-theme=light]) .streamerCard figcaption{background:transparent;color:#fff}.appShell:not([data-theme=light]) .streamerCard figcaption span{background:#252a33b8;color:#f0a08f}.appShell:not([data-theme=light]) .heroBand:after{background:linear-gradient(90deg,#14171ed1,#14171e3d)}.appShell:not([data-theme=light]) .siteHeader{background:linear-gradient(180deg,#303030,#292929),#2c2c2c;box-shadow:0 12px 28px #00000047}.appShell:not([data-theme=light]) .archiveCard,.appShell:not([data-theme=light]) .archiveCard>div{background:var(--surface);color:var(--text)}.appShell:not([data-theme=light]) .archiveCard h3{color:var(--text)}.appShell:not([data-theme=light]) .archiveSummary,.appShell:not([data-theme=light]) .archiveSummary strong,.appShell:not([data-theme=light]) .archiveToolbar h2,.appShell:not([data-theme=light]) .chronicleDeletePanel header strong{color:var(--text)}.appShell:not([data-theme=light]) .archiveCard p{color:var(--text-muted)}.appShell:not([data-theme=light]) .archiveChips span{background:var(--surface-muted);color:var(--text);border:1px solid var(--line)}.appShell:not([data-theme=light]) .archiveFilters button{background:var(--surface);color:var(--text);border-color:var(--line)}.appShell:not([data-theme=light]) .archiveFilters button.active{background:var(--text);color:var(--app-bg);border-color:var(--text)}.appShell:not([data-theme=light]) .chronicleBar,.appShell:not([data-theme=light]) .chronicleDeleteItem,.appShell:not([data-theme=light]) .postList button,.appShell:not([data-theme=light]) .compactList button,.appShell:not([data-theme=light]) .memberRows div{background:var(--surface-soft);color:var(--text);border-color:var(--line)}input,textarea,select{color:var(--text)}}@media(max-width:980px){.appShell,.appShell.sidebarCollapsed{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px}.navList{grid-template-columns:repeat(5,minmax(0,1fr))}.navList button{justify-content:center}.navList span,.sideStat{display:none}.siteHeader{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:72px;padding:8px 14px}.siteHeader .brandLogo{width:62px;height:46px}.siteNav span,.siteActions .themeToggle span{display:inline}.siteNav.navList button{min-height:36px;padding:0 10px}.sidebarToggle{display:none}.mainArea{padding:18px 14px 34px}.homeGrid,.titleLayout,.crewLayout,.adminLayout,.authForm,.authStatus,.communityLayout,.chronicleComposer,.archiveComposer,.archiveComposer.chronicleComposer{grid-template-columns:1fr}.chronicleDescription,.archiveDescription,.chronicleFirstRowSpacer,.chronicleFormSpacer,.chronicleTagField,.chronicleSideTools,.archiveSideTools{grid-column:auto}.chronicleFirstRowSpacer{display:none}.chronicleSideTools,.archiveSideTools{padding-top:0}.clipGrid,.contentGrid,.titleGrid,.boardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rankingIntro,.chronicleToolbar,.topHeader,.supportersHero,.composerHeader,.composerFooter{align-items:stretch;flex-direction:column}.quickStats,.metricTabs,.periodTabs,.chronicleControls{justify-content:start}.rankingControlStack{justify-items:start}.liveRankingIntroTop{grid-template-columns:1fr;gap:8px}.liveRankingIntroTop p{justify-self:start;text-align:left}.liveRankingIntro .rankingControlStack{align-items:flex-start;justify-content:flex-start;flex-direction:column}.liveRankingIntro .periodTabs{flex-wrap:wrap}.liveRankingGrid{grid-template-columns:1fr}.chronicleToolbar,.archiveToolbar{align-items:stretch;flex-direction:column}.archiveToolbar label{min-width:0}.chronicleControls{flex-direction:column;align-items:stretch}.chronicleControls label{min-width:0}.chronicleTimeline{padding:24px 12px}.chronicleTimeline:before{left:37px}.chronicleDateGroup{grid-template-columns:74px minmax(0,1fr);gap:12px}.chronicleMarker{grid-column:1}.chronicleDateGroup.left .chronicleGroupStack,.chronicleDateGroup.right .chronicleGroupStack{grid-column:2;justify-self:stretch;width:100%}.chronicleDateGroup.left .chronicleEventRow,.chronicleDateGroup.right .chronicleEventRow{grid-template-columns:minmax(0,1fr) 88px}.chronicleDateGroup.left .chronicleBar,.chronicleDateGroup.right .chronicleBar{grid-column:1;text-align:left;border-radius:8px;padding-left:18px;padding-right:54px}.chronicleDateGroup.left .chronicleBar:after,.chronicleDateGroup.right .chronicleBar:after{left:auto;right:-1px}.chronicleDateGroup.left .chronicleThumb,.chronicleDateGroup.right .chronicleThumb{grid-column:2;grid-row:1;justify-self:start}.chronicleDateGroup.left p,.chronicleDateGroup.right p{grid-column:1 / -1;width:100%;margin:0;text-align:left}.chronicleDateGroup.left .chronicleExpandButton,.chronicleDateGroup.right .chronicleExpandButton,.chronicleDateGroup.left .chronicleHiddenHint,.chronicleDateGroup.right .chronicleHiddenHint{justify-self:start}.chronicleToolActions{justify-content:stretch}.chronicleToolActions button{flex:1}.chronicleDeleteItem{grid-template-columns:68px minmax(0,1fr) auto auto}.chronicleDeleteItem span{grid-column:2 / 3}.adminHeader{align-items:stretch;flex-direction:column}}@media(max-width:640px){.brandLogo{width:58px;height:42px}.siteHeader{grid-template-columns:auto minmax(0,1fr)}.siteHeader .brandLogo{width:56px;height:40px}.siteActions{grid-column:1 / -1;justify-content:flex-end}.siteNav{padding-bottom:6px}.brandMark div:last-child{display:none}.sidebar{flex-direction:row;align-items:center}.navList{flex:1}.heroBand,.heroBand img{min-height:360px}.boardFooter,.adminEditor{grid-template-columns:1fr}.profileImageSummary,.adminBio{grid-column:auto}.imageEditorDialog{grid-template-columns:1fr;height:94vh;overflow:auto}.imageEditorPanel{grid-row:2}.detailBand,.clipGrid,.contentGrid,.titleGrid,.boardGrid,.editorGrid,.composerMedia{grid-template-columns:1fr}.compactList button{grid-template-columns:auto 42px minmax(0,1fr)}.compactList b{grid-column:3}.liveRankingCard{grid-template-columns:104px minmax(0,1fr);min-height:190px}.liveRankingPhoto{min-height:190px}.liveRankingHeader{grid-template-columns:1fr;gap:6px}.liveRankingStats{grid-template-columns:repeat(2,minmax(0,1fr))}.liveRankingValue{justify-self:start;max-width:100%;font-size:2rem;text-align:left}.liveRankingValue.compact{max-width:100%;font-size:1.35rem}.liveRankingPhoto figcaption b{font-size:1.7rem}}