.toast-container[data-v-33c04332]{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;pointer-events:none;max-width:420px;width:calc(100vw - 32px)}.toast-list[data-v-33c04332]{display:flex;flex-direction:column;gap:10px;width:100%}.toast-item[data-v-33c04332]{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:14px;background:#18181beb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);box-shadow:0 12px 36px #00000073;transition:all .3s cubic-bezier(.16,1,.3,1)}.toast-item.success[data-v-33c04332]{border-color:#10b98166;background:linear-gradient(135deg,#10b9811f,#18181bf0)}.toast-item.success .toast-icon[data-v-33c04332]{color:#34d399;background:#10b98133}.toast-item.error[data-v-33c04332]{border-color:#ef444473;background:linear-gradient(135deg,#ef444424,#18181bf0)}.toast-item.error .toast-icon[data-v-33c04332]{color:#f87171;background:#ef444433}.toast-item.warning[data-v-33c04332]{border-color:#fbbf2473;background:linear-gradient(135deg,#fbbf241f,#18181bf0)}.toast-item.warning .toast-icon[data-v-33c04332]{color:#fbbf24;background:#fbbf2433}.toast-item.info[data-v-33c04332]{border-color:#38bdf866;background:linear-gradient(135deg,#38bdf81f,#18181bf0)}.toast-item.info .toast-icon[data-v-33c04332]{color:#38bdf8;background:#38bdf833}.toast-icon[data-v-33c04332]{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:1px}.toast-content[data-v-33c04332]{flex:1;min-width:0}.toast-title[data-v-33c04332]{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}.toast-message[data-v-33c04332]{font-size:13px;line-height:1.45;color:#e4e4e7;word-break:break-word}.toast-close[data-v-33c04332]{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--text-faint);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;flex-shrink:0;transition:all .15s ease;margin-top:2px}.toast-close[data-v-33c04332]:hover{background:#ffffff1a;color:#fff}.toast-slide-enter-active[data-v-33c04332],.toast-slide-leave-active[data-v-33c04332]{transition:all .3s cubic-bezier(.16,1,.3,1)}.toast-slide-enter-from[data-v-33c04332]{opacity:0;transform:translate(40px) scale(.95)}.toast-slide-leave-to[data-v-33c04332]{opacity:0;transform:translateY(-16px) scale(.95)}@media(max-width:640px){.toast-container[data-v-33c04332]{top:16px;right:16px;left:16px;width:auto;max-width:100%}}:root{--c-primary-50: 255 241 242;--c-primary-100: 255 228 230;--c-primary-200: 254 205 211;--c-primary-300: 253 164 175;--c-primary-400: 251 113 133;--c-primary-500: 244 63 94;--c-primary-600: 225 29 72;--c-primary-700: 190 18 60;--primary: #f43f5e;--primary-hover: #e11d48;--accent: #ec4899;--green: #10b981;--amber: #fbbf24;--sky: #38bdf8;--cyan: #22d3ee;--orange: #fb923c;--red: #ef4444;--bg: #09090b;--bg-card: rgba(23, 23, 23, .75);--bg-card-solid: #171717;--bg-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--text: #f5f5f5;--text-dim: #a3a3a3;--text-faint: #737373;--text-muted: #a1a1aa;--bg-soft: rgba(255, 255, 255, .04);--radius-lg: 1.25rem;--radius-md: .875rem;--radius-sm: .5rem;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:var(--font);background-color:var(--bg);color:var(--text);min-height:100vh}body{min-height:100vh;background-color:var(--bg);color:var(--text);overflow-x:hidden;position:relative;line-height:1.5}#app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}a{color:var(--primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--primary-hover)}button{font-family:inherit;cursor:pointer}.noise-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.bg-blob{position:fixed;width:450px;height:450px;border-radius:50%;filter:blur(100px);opacity:.18;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(244,63,94,.4) 0%,rgba(236,72,153,.15) 60%,transparent 80%)}.bg-blob-tl{top:-10%;left:-10%}.bg-blob-br{bottom:-10%;right:-10%;width:550px;height:550px;background:radial-gradient(circle,rgba(56,189,248,.25) 0%,rgba(168,85,247,.15) 60%,transparent 80%)}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.25rem;position:relative;z-index:10}@media(min-width:640px){.page-container{padding:0 1.5rem}}@media(min-width:1024px){.page-container{padding:0 2rem}}.glass-card{position:relative;background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000059;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-card:hover{border-color:var(--border-strong);box-shadow:0 12px 40px #00000073}.mini-glass{background:#2626268c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease}.site-header{padding:2rem 0 1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1.25rem}@media(min-width:768px){.site-header{flex-direction:row}}.header-left{display:flex;align-items:center;gap:1.25rem}.header-logo-wrap{position:relative}.header-logo{width:4rem;height:4rem;border-radius:.875rem;box-shadow:0 10px 25px #0006;border:2px solid rgba(255,255,255,.15);object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.header-logo-wrap:hover .header-logo{transform:scale(1.05)}.header-title-box{display:flex;flex-direction:column}.header-server-name{font-size:1.875rem;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.02em}.header-badges{display:flex;align-items:center;gap:.625rem;margin-top:.375rem}.badge-online-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.5rem;background:#10b98126;color:#34d399;font-size:.75rem;font-weight:700}.badge-count-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.5rem;background:#ffffff0f;color:#d4d4d4;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-right{display:flex;align-items:center;gap:.625rem}.header-profile-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:.75rem;background:#26262699;border:1px solid rgba(56,189,248,.25);color:#f5f5f5;font-size:.875rem;font-weight:700;box-shadow:0 2px 8px #0003;transition:all .25s ease}.header-profile-btn:hover{background:#38bdf81f;border-color:#38bdf873;color:#fff;transform:translateY(-1px)}.header-profile-icon{width:1.75rem;height:1.75rem;border-radius:.5rem;background:#38bdf833;display:flex;align-items:center;justify-content:center;color:#38bdf8;font-size:.875rem}.header-admin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:.75rem;background:#26262699;border:1px solid var(--border);color:var(--text-dim);font-size:.875rem;font-weight:700;transition:all .25s ease}.header-admin-btn:hover{background:#f43f5e1f;border-color:#f43f5e66;color:#fff;transform:translateY(-1px)}.header-admin-icon{width:1.75rem;height:1.75rem;border-radius:.5rem;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#f43f5e;font-size:.875rem}.header-theme-indicator{width:2.5rem;height:2.5rem;border-radius:.75rem;background:#ffffff0d;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#737373;font-size:1.125rem}.top-actions-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.top-actions-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.connect-card-col{grid-column:span 8 / span 8}.download-card-col{grid-column:span 4 / span 4}}.connect-card-hero{padding:1.75rem;position:relative;overflow:hidden}.connect-card-bg-gradient{position:absolute;top:0;right:0;width:16rem;height:100%;background:linear-gradient(to left,rgba(244,63,94,.12),transparent);opacity:0;transition:opacity .5s ease;pointer-events:none}.connect-card-hero:hover .connect-card-bg-gradient{opacity:1}.connect-card-watermark{position:absolute;right:-1rem;bottom:-1rem;width:9rem;height:9rem;color:#ffffff08;transform:rotate(12deg);pointer-events:none}.connect-card-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}@media(min-width:768px){.connect-card-content{flex-direction:row;align-items:center}}.connect-badge-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.5rem;background:#f43f5e26;color:#fb7185;font-size:.75rem;font-weight:700;margin-bottom:.75rem}.connect-heading{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;line-height:1.25}@media(min-width:768px){.connect-heading{font-size:1.875rem}}.gradient-title-text{background:linear-gradient(135deg,#f43f5e,#fb7185,#f4f4f5);-webkit-background-clip:text;background-clip:text;color:transparent}.connect-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-dim);margin-top:.25rem}.copy-ip-pill{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:#fff;background:#ffffff14;padding:.125rem .5rem;border-radius:.375rem;border:1px solid var(--border);cursor:pointer;position:relative;transition:all .2s ease}.copy-ip-pill:hover{background:#f43f5e33;border-color:#f43f5e66;color:#fb7185}.copy-tooltip{display:none;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#262626;color:#fff;font-size:.6875rem;padding:.25rem .5rem;border-radius:.375rem;box-shadow:0 4px 12px #0006;white-space:nowrap;pointer-events:none}.copy-ip-pill:hover .copy-tooltip{display:block}.connect-admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-faint);margin-top:.625rem;font-weight:500}.connect-admin-highlight{color:#d4d4d4;font-weight:700}.connect-actions-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;flex-shrink:0;width:100%}@media(min-width:768px){.connect-actions-group{width:auto;min-width:320px;max-width:380px}}.connect-actions-group.actions-count-1{display:flex;flex-direction:column}@media(min-width:768px){.connect-actions-group.actions-count-1{width:auto;min-width:180px}}.connect-actions-group.actions-count-1 .quick-connect-btn{padding:.75rem 1.25rem}.connect-actions-group.actions-count-2{display:flex;flex-direction:column;gap:.625rem}@media(min-width:768px){.connect-actions-group.actions-count-2{width:auto;min-width:180px}}.connect-actions-group.actions-count-2 .quick-connect-btn{padding:.6875rem 1.25rem}.connect-actions-group.actions-count-3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}@media(min-width:768px){.connect-actions-group.actions-count-3{width:auto;min-width:320px;max-width:380px}}.connect-actions-group.actions-count-3>:first-child{grid-column:span 2;padding:.6875rem 1.25rem}.connect-actions-group.actions-count-3>:not(:first-child){padding:.625rem .875rem}.connect-actions-group.actions-count-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}@media(min-width:768px){.connect-actions-group.actions-count-4{width:auto;min-width:320px;max-width:380px}}.connect-actions-group.actions-count-4 .quick-connect-btn{padding:.625rem .875rem}.quick-connect-btn{display:inline-flex;align-items:center;gap:.625rem;background:#fff;color:#0a0a0a;padding:.625rem .875rem;border-radius:.875rem;font-weight:800;border:1px solid transparent;box-shadow:0 8px 24px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;cursor:pointer;width:100%;box-sizing:border-box;justify-content:flex-start;text-align:left}.quick-connect-btn:hover{background:var(--primary);color:#fff;box-shadow:0 10px 28px #f43f5e66;transform:translateY(-2px) scale(1.02)}.quick-connect-icon{font-size:1.25rem;color:#0a0a0a;transition:transform .3s ease,color .3s ease;flex-shrink:0}.quick-connect-btn:hover .quick-connect-icon{color:#fff;transform:rotate(12deg) scale(1.15)}.quick-connect-kicker{font-size:.5625rem;text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-weight:800;line-height:1;margin-bottom:.15rem}.quick-connect-title{font-size:.9375rem;line-height:1.15;font-weight:800;color:inherit}.download-card-hero{padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.download-card-watermark{position:absolute;top:.5rem;right:.5rem;font-size:4.5rem;color:#ffffff0a;pointer-events:none}.download-card-title{font-size:1.0625rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.download-card-subtitle{font-size:.75rem;color:var(--text-faint);margin-top:.25rem}.download-main-btn{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;padding:.75rem .875rem;background:#26262680;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 2px 8px #0003;transition:all .25s ease;cursor:pointer}.download-main-btn:hover{background:#ffffff14;border-color:#f43f5e59;box-shadow:0 4px 14px #0000004d}.download-icon-box{width:2.25rem;height:2.25rem;border-radius:.5rem;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#d4d4d4;font-size:1rem;transition:all .2s ease}.download-main-btn:hover .download-icon-box{background:#f43f5e33;color:#fb7185}.download-name{font-size:.875rem;font-weight:700;color:#fff}.download-tag{font-size:.625rem;color:var(--text-faint);font-family:ui-monospace,monospace}.download-arrow{color:#737373;font-size:.875rem;transition:transform .2s ease,color .2s ease}.download-main-btn:hover .download-arrow{color:#fb7185;transform:translate(4px)}.download-sublinks{margin-top:.875rem;display:flex;align-items:center;gap:.75rem;font-size:.75rem}.sublink-item{display:inline-flex;align-items:center;gap:.375rem;color:var(--text-dim);font-weight:600;transition:color .15s ease}.sublink-item:hover{color:#fbbf24}.sublink-item.translation:hover{color:#34d399}.sublink-item.guide:hover{color:#fb7185}.sublink-sep{color:#ffffff26}.main-dashboard-grid{display:flex;flex-direction:column;gap:1.5rem}.main-left-col,.main-right-col{display:contents}.realtime-monitor-card{order:1}.ranks-grid-row{order:2}.hall-of-fame-card{order:3}.elastic-channels-card{order:4}.chart-card-box{order:5}@media(min-width:1024px){.main-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem}.main-left-col{display:flex;flex-direction:column;gap:1.5rem;grid-column:span 8 / span 8;min-width:0}.main-right-col{display:block;grid-column:span 4 / span 4;position:relative;min-width:0}.chart-card-box,.ranks-grid-row,.hall-of-fame-card,.elastic-channels-card,.realtime-monitor-card{order:initial}}.chart-card-box{padding:1.5rem}.section-header-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.section-title-group{display:flex;align-items:center;gap:.75rem}.section-icon-box{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.section-icon-rose{background:linear-gradient(135deg,#f43f5e40,#ec489926);color:#fb7185;box-shadow:inset 0 1px 1px #ffffff1a}.section-icon-gold{background:linear-gradient(135deg,#eab30840,#f59e0b26);color:#fbbf24;box-shadow:inset 0 1px 1px #ffffff1a,0 0 12px #eab30833}.section-title-text{font-size:1.125rem;font-weight:800;color:#fff;line-height:1.2}.section-subtitle-text{font-size:.6875rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.seg-pill-switcher{display:inline-flex;padding:.25rem;border-radius:.75rem;background:#00000059;border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.seg-btn{padding:.375rem 1.25rem;font-size:.75rem;font-weight:700;border-radius:.5rem;border:none;background:transparent;color:var(--text-faint);transition:all .2s ease;text-transform:uppercase}.seg-btn:hover{color:#d4d4d4}.seg-btn.active{background:#ffffff1f;color:#fff;box-shadow:0 1px 4px #0000004d}.seg-btn.active.rose{color:#fb7185}.seg-btn.active.gold{background:#eab3082e;color:#fbbf24;box-shadow:0 1px 6px #eab30840}.seg-btn.active.amber{color:#fbbf24}.seg-btn.active.sky{color:#38bdf8}.ranks-grid-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.ranks-grid-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.rank-card-box{padding:1.25rem;display:flex;flex-direction:column}.rank-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.rank-list-scroll{display:flex;flex-direction:column;gap:.375rem;overflow:hidden}.rank-item-row{position:relative;overflow:hidden;border-radius:.75rem;transition:all .2s ease;min-height:2.625rem;display:flex;align-items:center}.rank-item-row:hover{background:#ffffff0a}.rank-progress-bg{position:absolute;top:0;bottom:0;left:0;height:100%;z-index:0;transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:inherit}.rank-progress-amber{background:#fbbf2414}.rank-progress-sky{background:#38bdf814}.rank-item-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;gap:.75rem;width:100%;min-height:2.625rem}.rank-user-info{display:flex;align-items:center;gap:.625rem;min-width:0;flex:1}.rank-badge-icon{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.rank-index-num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;color:#737373;line-height:1;text-align:center}.rank-name-text{font-size:.75rem;font-weight:600;color:#d4d4d4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;display:inline-flex;align-items:center}.rank-user-badges{display:inline-flex;align-items:center;gap:.25rem;margin-left:.25rem;flex-shrink:0}.rank-badge-pill{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .35rem;border-radius:.375rem;font-size:.625rem;font-weight:700;border:1px solid;line-height:1;transition:transform .15s ease;cursor:default}.rank-badge-pill:hover{transform:scale(1.08)}.rank-badge-pill i{font-size:.6875rem}.badge-pill-name{font-size:.5625rem;letter-spacing:.02em}.rank-item-row:hover .rank-name-text{color:#fff}.rank-group-tag{border-radius:9999px;background:#fbbf241a;color:#fbbf24;font-size:.5625rem;font-weight:700;padding:.125rem .375rem;white-space:nowrap}.rank-hot-tag{border-radius:9999px;background:#ef444426;color:#f87171;font-size:.5625rem;font-weight:700;padding:.125rem .375rem;white-space:nowrap}.rank-duration-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0;text-align:right;color:#737373;line-height:1.2;display:inline-flex;align-items:center}.rank-duration-text.top-amber{color:#fbbf24}.rank-duration-text.top-sky{color:#38bdf8}.rank-duration-text.top-silver{color:#cbd5e1}.rank-duration-text.top-bronze{color:#d97706}.hall-of-fame-card{padding:1.5rem}.hall-grid-inner{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:stretch}@media(min-width:1024px){.hall-grid-inner{grid-template-columns:1.15fr 1fr}}.hall-left-col{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.champion-hero-card{position:relative;border-radius:var(--radius-md);background:#ffffff06;border:1px solid var(--border);padding:1.15rem 1.25rem;display:flex;align-items:center;gap:1.15rem;transition:all .2s ease}.champion-hero-card:hover{background:#ffffff0a;border-color:#ffffff26}.champion-icon-wrap{flex-shrink:0;width:3rem;height:3rem;border-radius:.75rem;background:#fbbf241f;border:1px solid rgba(251,191,36,.22);display:flex;align-items:center;justify-content:center;font-size:1.625rem;color:#fbbf24}.champion-info-box{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.champion-kicker-text{font-size:.6875rem;font-weight:700;color:#fbbf24;letter-spacing:.06em;text-transform:uppercase}.champion-user-name{font-size:1.25rem;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-user-link{color:#fff!important;text-decoration:none;cursor:pointer;transition:color .15s ease}.champion-user-link:hover{color:#fbbf24!important}.champion-empty-text{color:var(--text-faint);font-size:1rem}.champion-group-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:9999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-dim);font-size:.6875rem;font-weight:600;width:max-content;margin-top:.15rem}.champion-group-badge i{color:#fbbf24;font-size:.75rem}.streak-section-container{display:flex;flex-direction:column}.streak-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.streak-header-left{display:flex;align-items:center;gap:.4rem}.streak-header-title{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.streak-cards-flex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}.streak-card-item{display:flex;flex-direction:column;justify-content:space-between;padding:.75rem .85rem;border-radius:var(--radius-sm);background:#ffffff06;border:1px solid var(--border);min-width:0;transition:all .2s ease}.streak-card-item:hover{background:#ffffff0a;border-color:#ffffff26}.streak-card-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.streak-rank-tag{font-size:1.0625rem;font-weight:800;color:var(--text-faint);letter-spacing:-.03em;line-height:1}.streak-rank-tag.is-top{color:#fb923c}.streak-card-body{display:flex;flex-direction:column;gap:.2rem}.streak-user-nickname{font-size:.8125rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streak-user-link{color:#f5f5f5!important;text-decoration:none;cursor:pointer;transition:color .15s ease}.streak-user-link:hover{color:#fff!important;text-decoration:underline}.streak-val-row{display:flex;align-items:baseline;gap:.2rem}.streak-val-num{font-size:1.125rem;font-weight:800;color:#f5f5f5;line-height:1.1}.streak-val-num.is-top{color:#fb923c}.streak-val-unit{font-size:.625rem;font-weight:600;color:var(--text-faint)}.achievements-list-col{display:flex;flex-direction:column}.achievements-items-wrap{display:flex;flex-direction:column;gap:.5rem}.achievement-level-card{display:flex;align-items:center;gap:.75rem;padding:.625rem .85rem;border-radius:var(--radius-sm);background:#ffffff06;border:1px solid var(--border);transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.achievement-level-card:hover{background:#ffffff0d;border-color:#ffffff26}.achievement-badge-box{width:2rem;height:2rem;border-radius:.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-size:.9375rem;flex-shrink:0}.achievement-badge-box.is-first{background:#fbbf241f;border-color:#fbbf2440;color:#fbbf24}.achievement-info-main{flex:1;min-width:0}.achievement-title-text{font-size:.8125rem;font-weight:700;color:#f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-title-text.is-first{color:#fbbf24}.achievement-hours-desc{font-size:.6875rem;color:var(--text-faint)}.achievement-count-text{font-size:.75rem;font-weight:600;color:var(--text-dim);flex-shrink:0}.expand-levels-btn{margin-top:.5rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 0;font-size:.6875rem;font-weight:700;color:var(--text-dim);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.expand-levels-btn:hover{color:#fff;background:#ffffff0a}@media(max-width:640px){.hall-of-fame-card{padding:1rem .875rem}.champion-hero-card{padding:1rem;gap:.875rem}.champion-icon-wrap{width:2.5rem;height:2.5rem;font-size:1.35rem}.champion-user-name{font-size:1.0625rem}.streak-cards-flex{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.streak-card-item{padding:.625rem .375rem}.streak-rank-tag{font-size:.9375rem}.streak-user-nickname{font-size:.6875rem}.streak-val-num{font-size:.9375rem}}.elastic-channels-card{padding:1.5rem}.elastic-groups-list{display:flex;flex-direction:column;gap:1rem}.elastic-group-box{padding:1rem;border-radius:.75rem;background:#26262673;border:1px solid var(--border);transition:border-color .2s ease}.elastic-group-box:hover{border-color:#22d3ee59}.elastic-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.75rem}.elastic-group-title-row{display:flex;align-items:center;gap:.75rem}.elastic-folder-box{width:2rem;height:2rem;border-radius:.5rem;background:#22d3ee26;color:#22d3ee;display:flex;align-items:center;justify-content:center;font-size:.875rem}.elastic-parent-name{font-weight:700;font-size:.875rem;color:#fff}.elastic-prefix-text{font-size:.75rem;color:var(--text-faint)}.elastic-load-bar-wrap{display:flex;align-items:center;gap:.625rem}.elastic-track{width:6rem;height:.5rem;background:#ffffff1a;border-radius:9999px;overflow:hidden}.elastic-fill{height:100%;border-radius:9999px;transition:width .5s ease}.fill-emerald{background-color:#10b981}.fill-amber{background-color:#f59e0b}.fill-rose{background-color:#f43f5e}.elastic-percent-text{font-size:.75rem;font-weight:700;font-family:ui-monospace,monospace}.text-emerald{color:#34d399}.text-amber{color:#fbbf24}.text-rose{color:#fb7185}.elastic-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}@media(min-width:640px){.elastic-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.elastic-metric-cell{text-align:center;padding:.5rem;border-radius:.5rem;background:#ffffff08}.elastic-metric-val{font-size:1.125rem;font-weight:900;color:#fff;line-height:1.2}.elastic-metric-val.is-cyan{color:#22d3ee}.elastic-metric-val.is-amber{color:#fbbf24}.elastic-metric-lbl{font-size:.625rem;font-weight:700;color:var(--text-faint);margin-top:.125rem}.elastic-subchannels-wrap{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.375rem}.subchannel-chip{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:700;border:1px solid var(--border);background:#ffffff0d;color:#d4d4d4;display:inline-flex;align-items:center;gap:.25rem}.subchannel-chip.is-auto{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.elastic-summary-card{margin-top:1rem;padding:.875rem 1.25rem;border-radius:.75rem;background:linear-gradient(to right,#22d3ee1a,#3b82f614);border:1px solid rgba(34,211,238,.25);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.elastic-summary-left{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:#22d3ee}.elastic-summary-right{display:flex;align-items:center;gap:1rem;font-size:.875rem}.realtime-monitor-card{position:static;max-height:none;display:flex;flex-direction:column}@media(min-width:1024px){.realtime-monitor-card{position:sticky;top:1.5rem;max-height:calc(100vh - 3rem)}}.realtime-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.realtime-pulse-box{position:relative;display:inline-flex;width:.5rem;height:.5rem}.realtime-pulse-ping{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#34d399;opacity:.75;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.realtime-pulse-dot{position:relative;display:inline-flex;border-radius:50%;width:.5rem;height:.5rem;background:#10b981}.realtime-list-scroll{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:visible}@media(min-width:1024px){.realtime-list-scroll{overflow-y:auto}}.realtime-user-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:#26262673;border:1px solid var(--border);transition:all .2s ease;cursor:default}.realtime-user-card:hover{border-color:#10b9814d;transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.realtime-avatar-box{position:relative;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:.625rem;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:#fff;transition:transform .2s ease}.realtime-user-card:hover .realtime-avatar-box{transform:scale(1.08)}.realtime-user-details{flex:1;min-width:0}.realtime-user-row{display:flex;align-items:center;gap:.5rem}.realtime-nickname{font-size:.875rem;font-weight:700;color:#f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-group-chip{font-size:.5625rem;font-weight:700;padding:.125rem .375rem;border-radius:.25rem;color:#22d3ee;background:#22d3ee26;white-space:nowrap}.realtime-channel-name{font-size:.75rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem}.realtime-footer{padding:.75rem 1rem;border-top:1px solid var(--border);background:#00000040;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-faint)}.empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-faint);text-align:center}.empty-icon{font-size:2.25rem;margin-bottom:.5rem;opacity:.6}.site-footer{margin-top:4rem;margin-bottom:2rem;text-align:center}.footer-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#ffffff0d;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.75rem;font-weight:700;color:var(--text-faint)}.input,select.input{width:100%;padding:10px 13px;border-radius:11px;border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-faint)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:var(--text-dim);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:12px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.btn:hover{background:#ffffff1f;border-color:var(--border-strong)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:#fff;box-shadow:0 6px 20px #f43f5e4d}.btn.primary:hover{filter:brightness(1.08)}.btn.green{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#052e21;font-weight:700}.btn.danger{background:transparent;border-color:#ef444480;color:var(--red)}.btn.danger:hover{background:#ef44441f;border-color:var(--red)}.btn.sm{padding:6px 12px;font-size:12px;border-radius:9px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;padding:8px 10px;color:var(--text-faint);font-weight:600;font-size:12px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.tbl tr:last-child td{border-bottom:none}.tbl-form-row td{padding-top:12px}.tbl-form-row .input{padding:8px 11px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.modal-backdrop-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-dialog-box{width:100%;max-width:42rem;background:#171717;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #0009;overflow:hidden;max-height:85vh;display:flex;flex-direction:column}.modal-head-row{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title-left{display:flex;align-items:center;gap:.75rem}.modal-close-x{width:2rem;height:2rem;border-radius:.5rem;background:#ffffff0f;border:1px solid var(--border);color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.modal-close-x:hover{background:#ffffff1f;color:#fff}.modal-tabs-row{display:flex;gap:.375rem;padding:.75rem 1.5rem 0;border-bottom:1px solid var(--border)}.modal-tab-btn{padding:.5rem .875rem;font-size:.8125rem;font-weight:700;color:var(--text-dim);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.modal-tab-btn:hover{color:#fff}.modal-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.modal-body-scroll{padding:1.5rem;overflow-y:auto;flex:1;font-size:.875rem;color:#d4d4d4;line-height:1.6}.modal-body-scroll h3{margin:1.25rem 0 .5rem;font-size:1.05rem;font-weight:700;color:#fff}.modal-body-scroll h3:first-child{margin-top:0}.modal-body-scroll p{margin-bottom:.625rem}.modal-body-scroll ol,.modal-body-scroll ul{margin:0 0 .875rem 1.5rem}.modal-body-scroll li{margin-bottom:.375rem;line-height:1.65}.modal-body-scroll code{background:#ffffff14;padding:.15rem .4rem;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;color:#fb7185;border:1px solid rgba(244,63,94,.2)}.modal-body-scroll strong{color:#fff;font-weight:700}.modal-body-scroll img{max-width:100%;border-radius:.5rem;margin:.5rem 0;border:1px solid var(--border)}.modal-foot-row{padding:1rem 1.5rem;border-top:1px solid var(--border);background:#0003;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}@keyframes ping{75%,to{transform:scale(2.2);opacity:0}}.rank-name-link,.champion-user-link{color:#fff!important;text-decoration:none;cursor:pointer;transition:color .15s ease,text-decoration .15s ease}.streak-user-link{color:#f1f5f9!important;text-decoration:none;cursor:pointer;transition:color .15s ease,text-decoration .15s ease}.rank-name-link:hover{color:#fbbf24!important;text-decoration:underline;text-underline-offset:3px}.champion-user-link:hover{color:#fef08a!important;text-decoration:underline;text-underline-offset:4px}.streak-user-link:hover{color:#fb923c!important;text-decoration:underline;text-underline-offset:3px}.level-users-dialog{max-width:500px;width:92vw}.level-users-list-scroll{max-height:380px;overflow-y:auto;padding:.75rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.level-user-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border-radius:.75rem;background:#26262673;border:1px solid var(--border);transition:all .2s ease}.level-user-row:hover{background:#ffffff0f;border-color:#fbbf2459;transform:translateY(-1px)}.level-user-left{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.level-user-avatar{width:2.25rem;height:2.25rem;border-radius:.625rem;background:#fbbf2426;color:#fbbf24;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.level-user-name{font-size:.875rem;font-weight:700;color:#fff;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.level-user-name:hover{color:#fbbf24;text-decoration:underline;text-underline-offset:3px}.level-user-granted-time{font-size:.6875rem;color:var(--text-faint);margin-top:.125rem}.level-user-right{flex-shrink:0;text-align:right}.level-user-hours-val{font-size:.75rem;font-weight:700;color:#fbbf24;background:#fbbf241f;padding:.2rem .5rem;border-radius:.375rem;border:1px solid rgba(251,191,36,.25);white-space:nowrap}.notice{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:11px;font-size:13px;font-weight:600;margin-bottom:16px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399;animation:fadeIn .2s ease-out}.notice.error,.notice.danger{background:#ef44441f;border-color:#ef444459;color:#f87171}.notice.warning{background:#fbbf241f;border-color:#fbbf2459;color:#fbbf24}.notice.info{background:#38bdf81f;border-color:#38bdf859;color:#38bdf8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ph-spin{to{transform:rotate(360deg)}}.ph-spin{display:inline-block;animation:ph-spin 1s linear infinite}