:root{color-scheme:dark;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;--bg: #070c18;--bg-card: rgba(12, 20, 42, .82);--bg-row: rgba(16, 27, 55, .72);--bg-sunken: rgba(8, 14, 30, .8);--border: rgba(96, 130, 246, .13);--border-hover: rgba(99, 102, 241, .38);--accent-1: #3b82f6;--accent-2: #8b5cf6;--accent-3: #ec4899;--accent-4: #10b981;--accent-5: #f59e0b;--text-1: #e8f0ff;--text-2: #8fa8c8;--text-3: #445566;--glow-1: rgba(59, 130, 246, .22);--glow-2: rgba(139, 92, 246, .22);--glow-3: rgba(236, 72, 153, .18);background:var(--bg);color:var(--text-1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 18% 12%,rgba(59,130,246,.2) 0%,transparent 42%),radial-gradient(ellipse at 82% 88%,rgba(139,92,246,.18) 0%,transparent 38%),radial-gradient(ellipse at 62% 42%,rgba(236,72,153,.1) 0%,transparent 32%);animation:bg-drift 22s ease-in-out infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 88% 8%,rgba(16,185,129,.09) 0%,transparent 28%),radial-gradient(ellipse at 8% 92%,rgba(245,158,11,.07) 0%,transparent 28%);animation:bg-drift 30s ease-in-out infinite reverse}@keyframes bg-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(18px,-12px) scale(1.04)}66%{transform:translate(-12px,18px) scale(.97)}}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img,video{display:block;max-width:100%}.page-shell,.login-shell{position:relative;z-index:1;width:min(1160px,calc(100vw - 18px));margin:0 auto;padding:10px 0 28px}.login-shell{min-height:100vh;display:grid;place-items:center}.login-card,.panel-card,.hero-board,.spotlight-card,.detail-hero,.fact-card,.avatar-tile,.module-card{background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.login-card,.panel-card,.detail-hero{border-radius:24px}.login-card{width:min(480px,100%);padding:28px;display:grid;gap:16px;box-shadow:0 28px 64px #000000a6,0 0 60px var(--glow-2);animation:fadeInUp .5s ease backwards}.login-form,.search-form{display:grid;gap:12px}.login-form label,.search-form label{display:grid;gap:8px;color:var(--text-2);font-size:.95rem}input,select{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--bg-sunken);padding:12px 14px;color:var(--text-1);outline:none;transition:border-color .2s ease,box-shadow .2s ease}input::placeholder{color:var(--text-3)}input:focus,select:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--glow-1)}select option{background:#0f1a30;color:var(--text-1)}.primary-button,.ghost-button{border:none;border-radius:999px;padding:11px 18px;cursor:pointer;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-button:hover,.ghost-button:hover,.module-card:hover,.avatar-tile:hover,.leaderboard-row:hover,.quote-card:hover{transform:translateY(-2px)}.primary-button{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2) 58%,var(--accent-3));box-shadow:0 8px 24px #6366f161}.primary-button:hover{box-shadow:0 12px 36px #6366f18c}.ghost-button{background:var(--bg-row);color:var(--text-2);border:1px solid var(--border)}.ghost-button:hover{border-color:var(--border-hover);color:var(--text-1)}.ghost-button.compact,.primary-button.compact{padding:9px 14px;font-size:.92rem}.eyebrow{margin:0 0 4px;color:var(--accent-1);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.06;background:linear-gradient(135deg,#e8f0ff 20%,var(--accent-1) 60%,var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(1rem,2.6vw,1.35rem);line-height:1.22;color:var(--text-1)}.hero-copy,.panel-copy,.muted,.spotlight-note,.quote-card small,.message-chip-row small,.fact-card small,.note-row small{color:var(--text-2);line-height:1.65}.error-text,.error-banner{color:#f87171}.error-banner{margin:12px 0;padding:12px 14px;border-radius:12px;background:#7f1d1d6b;border:1px solid rgba(248,113,113,.28)}.page-toolbar,.panel-header,.quote-meta,.quote-author,.hero-sidebar-header,.message-chip-row{display:flex;align-items:center;gap:12px}.page-toolbar,.panel-header,.hero-sidebar-header{justify-content:space-between}.page-toolbar{margin-bottom:10px;flex-wrap:wrap}.hero-board{border-radius:28px;padding:16px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.72fr);gap:14px;position:relative;overflow:hidden}.hero-board:after,.detail-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(59,130,246,.14),transparent 32%),radial-gradient(circle at 100% 0%,rgba(139,92,246,.12),transparent 28%)}.hero-board-main,.hero-sidebar,.detail-hero{position:relative;z-index:1}.hero-board-main,.hero-sidebar,.detail-hero,.panel-card{display:grid;gap:14px}.hero-heading,.detail-hero-main{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.chip-row,.metric-strip,.module-grid,.avatar-cluster,.fact-grid,.top-hour-list,.badge-cloud,.message-chip-row,.mini-chip-row{display:flex;flex-wrap:wrap;gap:8px}.soft-chip,.data-pill,.message-chip,.micro-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:.88rem}.soft-chip{background:#3b82f624;color:#93c5fd;border:1px solid rgba(59,130,246,.22)}.data-pill{background:var(--bg-row);color:var(--text-1);border:1px solid var(--border)}.message-chip{background:#6366f129;color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}.micro-chip{padding:4px 9px;font-size:.75rem;background:var(--bg-row);color:var(--text-2);border:1px solid var(--border)}.message-chip.subtle{background:#3b82f61f;color:#93c5fd}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric-tile{padding:12px;border-radius:16px;background:var(--bg-row);border:1px solid var(--border);display:grid;gap:4px}.metric-tile span{color:var(--text-2);font-size:.85rem}.metric-tile strong{font-size:1.1rem;color:var(--text-1)}.metric-tile-wide{grid-column:span 2}.module-grid,.dashboard-grid,.member-wall,.fact-grid{display:grid}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.module-card{border-radius:20px;padding:14px;display:grid;gap:7px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.module-card:hover{border-color:var(--border-hover);box-shadow:0 8px 28px #6366f133}.module-icon{font-size:1.3rem}.hero-sidebar{align-content:start}.spotlight-card{border-radius:22px;padding:16px;display:grid;gap:8px}.spotlight-card strong{font-size:1.1rem}.spotlight-data{font-weight:700;color:var(--accent-1);text-shadow:0 0 20px var(--glow-1)}.avatar-cluster{align-items:center}.cluster-avatar{margin-left:-8px;border:2px solid var(--bg-card)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.panel-card{padding:16px;border-radius:20px}.leaderboard-list,.quote-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.leaderboard-row,.quote-card,.partner-row,.note-row{border-radius:18px;padding:12px;background:var(--bg-row);border:1px solid var(--border);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.leaderboard-row:hover,.quote-card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px #3b82f624}.leaderboard-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px}.rank-badge{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:.82rem;font-weight:700;background:var(--bg-sunken);color:var(--text-2);border:1px solid var(--border)}.rank-1{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1a0a00;border:none;animation:glow-pulse-gold 2.8s ease-in-out infinite}.rank-2{background:linear-gradient(135deg,#94a3b8,#cbd5e1);color:#0f172a;border:none}.rank-3{background:linear-gradient(135deg,#f97316,#fdba74);color:#1a0800;border:none}@keyframes glow-pulse-gold{0%,to{box-shadow:0 0 6px #f59e0b80}50%{box-shadow:0 0 18px #fbbf24e6,0 0 32px #f59e0b80}}.leaderboard-copy,.leaderboard-meta,.quote-author-copy,.message-placeholder-copy,.note-row,.fact-card,.avatar-tile{display:grid;gap:3px}.leaderboard-copy small,.leaderboard-meta span,.quote-author-copy small,.avatar-tile small,.avatar-tile span{color:var(--text-2)}.leaderboard-meta{justify-items:end;text-align:right}.donut-layout{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center}.donut-shell{display:grid;place-items:center}.donut-chart{width:150px;aspect-ratio:1;border-radius:50%;padding:18px;animation:float 4.5s ease-in-out infinite}.donut-hole{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;align-content:center;background:var(--bg-card);text-align:center;gap:2px}.legend-list{display:grid;gap:8px}.legend-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}.legend-dot{width:9px;height:9px;border-radius:999px}.legend-label{color:var(--text-2)}.hour-chart{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:5px;align-items:end;min-height:140px}.hour-slot{display:grid;gap:5px;justify-items:center}.hour-slot span{font-size:.68rem;color:var(--text-3)}.hour-column{width:100%;min-height:110px;display:flex;align-items:end;border-radius:999px;background:#101b37e6;overflow:hidden}.hour-bar-fill{width:100%;border-radius:inherit;background:linear-gradient(180deg,#60a5fa,#7c3aed);transform-origin:bottom;animation:bar-scale .9s cubic-bezier(.34,1.56,.64,1) backwards}.hour-slot.is-accent .hour-bar-fill{background:linear-gradient(180deg,#f472b6,#8b5cf6)}.hour-slot.is-accent span{color:var(--accent-2);font-weight:700}@keyframes bar-scale{0%{transform:scaleY(0)}}.search-input{width:min(260px,100%)}.member-wall{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.avatar-tile{border-radius:20px;padding:13px;align-content:start;cursor:pointer}.avatar-tile strong{font-size:.95rem;color:var(--text-1)}.detail-hero{padding:16px;margin-top:4px;position:relative;overflow:hidden;display:grid;gap:16px}.fact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fact-card{padding:12px;border-radius:16px}.fact-card span{color:var(--text-2);font-size:.84rem}.fact-card strong{font-size:1.05rem;color:var(--text-1)}.badge-cloud,.partner-list,.note-list{display:flex;flex-wrap:wrap;gap:8px}.score-list{display:grid;gap:10px}.score-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.9fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.score-row:last-child{border-bottom:none}.score-copy{display:grid;gap:3px}.score-copy small{color:var(--text-2)}.score-meter{height:9px;border-radius:999px;background:#101b37e6;overflow:hidden}.score-fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--accent-1),var(--accent-2),var(--accent-3));animation:fill-bar 1.4s cubic-bezier(.25,.46,.45,.94) backwards}@keyframes fill-bar{0%{width:0}}.score-value{min-width:30px;font-weight:700;color:var(--accent-1);text-shadow:0 0 12px var(--glow-1)}.partner-list,.note-list{display:grid}.partner-row,.note-row{display:grid;gap:3px}.partner-row small,.note-row small{color:var(--text-2)}.quote-card{display:grid;gap:8px;cursor:default}.quote-meta{justify-content:space-between;flex-wrap:wrap}.quote-author a{font-weight:700;color:var(--accent-1);text-decoration:none}.message-text{line-height:1.75;color:var(--text-1)}.message-stack{display:grid;gap:10px}.message-media-frame{overflow:hidden;border-radius:16px;background:var(--bg-sunken)}.message-media-frame img,.message-media-frame video{width:100%;max-height:320px;object-fit:cover}.message-placeholder-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border-radius:16px;background:var(--bg-sunken);border:1px solid var(--border)}.message-placeholder-icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#6366f12e;color:var(--accent-2)}.quote-avatar{flex-shrink:0}.search-form.tight-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.field-span-2{grid-column:span 2}.search-result-card .quote-meta{align-items:start}.avatar-badge{position:relative;overflow:hidden;flex-shrink:0;border-radius:22px;background:linear-gradient(135deg,var(--avatar-start),var(--avatar-end));box-shadow:0 12px 28px #00000073,0 0 0 3px #ffffff1a,0 0 28px var(--avatar-glow)}.avatar-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 40%)}.avatar-badge span{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;color:#fff;font-weight:800}.avatar-badge img{width:100%;height:100%;object-fit:cover}.avatar-badge-md{width:44px;height:44px}.avatar-badge-lg{width:58px;height:58px}.avatar-badge-xl{width:86px;height:86px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.leaderboard-row:nth-child(1){animation:fadeInUp .4s .05s ease backwards}.leaderboard-row:nth-child(2){animation:fadeInUp .4s .1s ease backwards}.leaderboard-row:nth-child(3){animation:fadeInUp .4s .15s ease backwards}.leaderboard-row:nth-child(4){animation:fadeInUp .4s .2s ease backwards}.leaderboard-row:nth-child(5){animation:fadeInUp .4s .25s ease backwards}.leaderboard-row:nth-child(n+6){animation:fadeInUp .4s .28s ease backwards}.avatar-tile{animation:fadeInUp .4s ease backwards}.avatar-tile:nth-child(1){animation-delay:.02s}.avatar-tile:nth-child(2){animation-delay:.04s}.avatar-tile:nth-child(3){animation-delay:.06s}.avatar-tile:nth-child(4){animation-delay:.08s}.avatar-tile:nth-child(5){animation-delay:.1s}.avatar-tile:nth-child(6){animation-delay:.12s}.avatar-tile:nth-child(7){animation-delay:.14s}.avatar-tile:nth-child(8){animation-delay:.16s}.avatar-tile:nth-child(9){animation-delay:.18s}.avatar-tile:nth-child(n+10){animation-delay:.2s}.hour-slot:nth-child(1) .hour-bar-fill{animation-delay:0s}.hour-slot:nth-child(2) .hour-bar-fill{animation-delay:.03s}.hour-slot:nth-child(3) .hour-bar-fill{animation-delay:.06s}.hour-slot:nth-child(4) .hour-bar-fill{animation-delay:.09s}.hour-slot:nth-child(5) .hour-bar-fill{animation-delay:.12s}.hour-slot:nth-child(6) .hour-bar-fill{animation-delay:.15s}.hour-slot:nth-child(7) .hour-bar-fill{animation-delay:.18s}.hour-slot:nth-child(8) .hour-bar-fill{animation-delay:.21s}.hour-slot:nth-child(9) .hour-bar-fill{animation-delay:.24s}.hour-slot:nth-child(10) .hour-bar-fill{animation-delay:.27s}.hour-slot:nth-child(11) .hour-bar-fill{animation-delay:.3s}.hour-slot:nth-child(12) .hour-bar-fill{animation-delay:.33s}.hour-slot:nth-child(13) .hour-bar-fill{animation-delay:.36s}.hour-slot:nth-child(14) .hour-bar-fill{animation-delay:.39s}.hour-slot:nth-child(15) .hour-bar-fill{animation-delay:.42s}.hour-slot:nth-child(16) .hour-bar-fill{animation-delay:.45s}.hour-slot:nth-child(17) .hour-bar-fill{animation-delay:.48s}.hour-slot:nth-child(18) .hour-bar-fill{animation-delay:.51s}.hour-slot:nth-child(19) .hour-bar-fill{animation-delay:.54s}.hour-slot:nth-child(20) .hour-bar-fill{animation-delay:.57s}.hour-slot:nth-child(21) .hour-bar-fill{animation-delay:.6s}.hour-slot:nth-child(22) .hour-bar-fill{animation-delay:.63s}.hour-slot:nth-child(23) .hour-bar-fill{animation-delay:.66s}.hour-slot:nth-child(24) .hour-bar-fill{animation-delay:.69s}.score-row:nth-child(1) .score-fill{animation-delay:.1s}.score-row:nth-child(2) .score-fill{animation-delay:.2s}.score-row:nth-child(3) .score-fill{animation-delay:.3s}.score-row:nth-child(4) .score-fill{animation-delay:.4s}.score-row:nth-child(5) .score-fill{animation-delay:.5s}.score-row:nth-child(n+6) .score-fill{animation-delay:.55s}.module-card:nth-child(1){animation:fadeInUp .4s .05s ease backwards}.module-card:nth-child(2){animation:fadeInUp .4s .1s ease backwards}.module-card:nth-child(3){animation:fadeInUp .4s .15s ease backwards}.module-card:nth-child(4){animation:fadeInUp .4s .2s ease backwards}.hero-board{animation:fadeInUp .45s 0s ease backwards}.panel-card{animation:fadeInUp .45s .08s ease backwards}.detail-hero{animation:fadeInUp .45s .04s ease backwards}@media (max-width: 900px){.hero-board,.dashboard-grid,.metric-strip,.module-grid,.fact-grid,.search-form.tight-grid,.donut-layout{grid-template-columns:1fr}.member-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-tile-wide,.field-span-2{grid-column:auto}.detail-hero-main,.hero-heading{grid-template-columns:1fr}.donut-shell{justify-content:start}}@media (max-width: 640px){.page-shell,.login-shell{width:calc(100vw - 12px);padding:8px 0 20px}.hero-board,.panel-card,.detail-hero,.login-card{padding:13px;border-radius:18px}.leaderboard-row{grid-template-columns:auto auto 1fr}.leaderboard-meta{grid-column:2 / -1;justify-items:start;text-align:left}.hour-chart{gap:3px;min-height:110px}.hour-column{min-height:90px}.avatar-badge-xl{width:72px;height:72px}.score-row{grid-template-columns:1fr auto}.score-meter{grid-column:1 / -1}}