:root,[data-theme=dark]{--black: #0a0a0f;--surface: #111118;--surface2: #18181f;--card: #18181f;--bg-input: #0d0d14;--border: #2a2a35;--border-dim: #1e1e2e;--border-focus: #ff2d78;--pink: #ff2d78;--pink-dim: rgba(255, 45, 120, .12);--pink-border: rgba(255, 45, 120, .3);--purple: #9b5de5;--purple-dim: rgba(155, 93, 229, .12);--purple-border: rgba(155, 93, 229, .25);--cyan: #00f5d4;--text: #f0f0f5;--muted: #707088;--text-dim: #555566;--text-muted: #555566;--radius: 14px;--nav-bg: rgba(10, 10, 15, .92);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 4px 24px rgba(255, 45, 120, .25);--toggle-track: #2a2a35;--transition: .25s ease;--grid-opacity: 1;--noise-opacity: .5;--overlay-xs: rgba(255,255,255,.03);--overlay-sm: rgba(255,255,255,.06);--overlay-md: rgba(255,255,255,.08);--overlay-lg: rgba(255,255,255,.12)}[data-theme=light]{--black: #faf9fb;--surface: #ffffff;--surface2: #f4f2f8;--card: #f4f2f8;--bg-input: #f0edf8;--border: #e0dce8;--border-dim: #ebe7f3;--border-focus: #ff2d78;--pink-dim: rgba(255, 45, 120, .07);--pink-border: rgba(255, 45, 120, .22);--purple-dim: rgba(155, 93, 229, .07);--purple-border: rgba(155, 93, 229, .18);--text: #12101a;--muted: #5a5470;--text-dim: #9990b0;--text-muted: #9990b0;--nav-bg: rgba(250, 249, 251, .94);--shadow-sm: 0 2px 8px rgba(100, 80, 140, .08);--shadow-md: 0 8px 32px rgba(100, 80, 140, .1);--shadow-lg: 0 16px 48px rgba(100, 80, 140, .14);--shadow-glow: 0 4px 24px rgba(255, 45, 120, .18);--toggle-track: #e8e4f0;--transition: .25s ease;--grid-opacity: 0;--noise-opacity: 0;--overlay-xs: rgba(0,0,0,.03);--overlay-sm: rgba(0,0,0,.05);--overlay-md: rgba(0,0,0,.07);--overlay-lg: rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.no-theme-transition{transition:none!important}body{background:var(--black);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,45,120,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,45,120,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;opacity:var(--grid-opacity)}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:var(--noise-opacity)}nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:3px;background:linear-gradient(90deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;flex-shrink:0}.nav-links{display:flex;gap:4px;list-style:none;align-items:center}.nav-theme-toggle{display:flex;align-items:center}.theme-toggle{position:relative;width:52px;height:28px;background:var(--toggle-track);border-radius:100px;border:1px solid var(--border);cursor:pointer;flex-shrink:0;outline:none;padding:0}.theme-toggle:hover{border-color:var(--pink)}.theme-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--pink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 2px 6px #ff2d7866;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}[data-theme=light] .theme-toggle-knob{transform:translate(24px)}[data-theme=light] .answer-btn{color:var(--text);border-color:var(--border)}[data-theme=light] .answer-btn.correct{color:#0a6b55}[data-theme=light] .answer-btn.wrong{color:var(--text)}.theme-icon{line-height:1;user-select:none}.nav-links>li>a{color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.4px;transition:color .18s;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:4px}.nav-links>li>a:hover{color:var(--text);background:var(--pink-dim)}.nav-caret{width:10px;height:10px;flex-shrink:0;transition:transform .18s}.nav-item:hover .nav-caret{transform:rotate(180deg)}.nav-item{position:relative}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-6px);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px;min-width:280px;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;z-index:200;box-shadow:0 24px 60px #000000b3}.nav-dropdown:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dd-label{font-size:.67rem;font-weight:700;letter-spacing:1px;color:#44445a;text-transform:uppercase;padding:6px 8px 4px}.dd-group-row{display:flex;flex-wrap:wrap;gap:5px;padding:2px 4px 8px}.dd-chip{background:var(--card);color:var(--text-muted);border-radius:6px;padding:5px 10px;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .14s,color .14s}.dd-chip:hover{background:#ff2d781f;color:var(--pink)}.dd-divider{height:1px;background:var(--border-dim);margin:4px 2px}.dd-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:.87rem;transition:background .14s,color .14s}.dd-link:hover{background:var(--card);color:var(--text)}.dd-link.dim{opacity:.35;pointer-events:none}.dd-link-emoji{font-size:16px;width:20px;text-align:center}.dd-tag{margin-left:auto;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:10px;background:#00f5d41a;color:var(--cyan)}.dd-soon{margin-left:auto;font-size:.63rem;color:#33334a;font-weight:600}.dd-featured{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;background:#ff2d7812;color:var(--text);text-decoration:none;font-size:.84rem;font-weight:600;transition:background .14s}.dd-featured:hover{background:#ff2d7824}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-burger span{display:block;width:22px;height:2px;background:var(--text-muted);border-radius:2px;transition:all .2s}.hero{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:64px 24px 40px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--pink-dim);border:1px solid rgba(255,45,120,.3);border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--pink);letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.pulse{width:6px;height:6px;background:var(--pink);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}h1{font-family:Bebas Neue,sans-serif;font-size:clamp(48px,10vw,80px);letter-spacing:4px;line-height:.95;margin-bottom:20px}h1 span{color:var(--pink)}.hero-sub{color:var(--muted);font-size:16px;line-height:1.6;max-width:480px;margin:0 auto 32px}.meta-row{display:flex;align-items:center;justify-content:center;gap:20px;font-size:13px;color:var(--muted);margin-bottom:40px}.meta-row span{display:flex;align-items:center;gap:6px}.quiz-wrap{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:40px 24px 80px}.quiz-card{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px #00000080}.progress-bar-wrap{padding:20px 24px 0}.progress-info{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:10px;font-weight:500}.progress-track{height:3px;background:var(--border);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);width:0%}.question-area{padding:32px 28px 24px}.q-number{font-size:11px;font-weight:600;color:var(--pink);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.q-text{font-size:22px;font-weight:600;line-height:1.4;color:var(--text);min-height:64px}.question-image-wrapper{padding:0 28px 16px;text-align:center}.question-image{max-width:100%;max-height:300px;border-radius:12px;object-fit:contain}.answers{padding:0 28px 28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-btn{background:var(--card);border:1.5px solid #2c2c3e;border-radius:14px;padding:16px;color:#d8d8ee;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;align-items:center;gap:12px;line-height:1.4;min-height:72px;width:100%}.answer-letter{width:34px;height:34px;min-width:34px;border-radius:10px;background:#ff2d781f;border:1.5px solid rgba(255,45,120,.25);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#ff2d78;transition:background .18s,border-color .18s,color .18s;flex-shrink:0}.answer-text{flex:1}.answer-btn:hover:not(:disabled){border-color:#ff2d78;background:#ff2d7812;transform:translateY(-2px);box-shadow:0 6px 20px #ff2d7826}.answer-btn:hover:not(:disabled) .answer-letter{background:#ff2d78;border-color:#ff2d78;color:#fff}.answer-btn.correct{border-color:#00f5d4;background:#00f5d414;color:#e0fff9;box-shadow:0 0 0 2px #00f5d42e}.answer-btn.correct .answer-letter{background:#00f5d4;border-color:#00f5d4;color:#0a0a0f}.answer-btn.wrong{border-color:#f55;background:#ff555512;opacity:.75}.answer-btn.wrong .answer-letter{background:#f55;border-color:#f55;color:#fff}.answer-btn:disabled{cursor:default}.explanation{margin:0 28px 20px;padding:16px;background:#00f5d40f;border:1px solid rgba(0,245,212,.2);border-radius:var(--radius);font-size:13px;color:var(--muted);line-height:1.6;display:none}.explanation strong{color:var(--cyan)}.explanation.show{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.next-wrap{padding:0 28px 28px;display:none}.next-wrap.show{display:block}.next-btn{width:100%;background:linear-gradient(135deg,var(--pink),var(--purple));border:none;border-radius:var(--radius);padding:16px;color:#fff;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.3px}.next-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff2d784d}.result-screen{display:none;padding:60px 32px 48px;text-align:center}.result-screen.show{display:block;animation:fadeIn .5s ease}.score-ring{width:140px;height:140px;margin:0 auto 28px;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-ring .track{fill:none;stroke:var(--border);stroke-width:8}.score-ring .fill{fill:none;stroke:url(#grad);stroke-width:8;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:339.3;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.score-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-num{font-family:Bebas Neue,sans-serif;font-size:44px;line-height:1;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.score-label{font-size:11px;color:var(--muted);letter-spacing:1px}.result-title{font-family:Bebas Neue,sans-serif;font-size:36px;letter-spacing:2px;margin-bottom:10px}.result-sub{color:var(--muted);font-size:15px;margin-bottom:24px}.scorecard-wrap{margin:20px auto 24px;max-width:540px;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #ff2d7833;animation:fadeIn .4s ease}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));border:none;border-radius:var(--radius);padding:14px 28px;color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff2d784d}.btn-secondary{background:transparent;border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 28px;color:var(--muted);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-secondary:hover{border-color:var(--text);color:var(--text)}.more-section,.grid-section{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 24px 40px}.section-title{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:2px;margin-bottom:16px;color:var(--muted)}.section-title span{color:var(--text)}.section-title-link{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;color:var(--pink);text-decoration:none;margin-left:12px;vertical-align:middle}.section-title-link:hover{text-decoration:underline}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.quiz-card-small{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0;cursor:pointer;transition:all .2s;text-decoration:none;display:block;overflow:hidden}.quiz-card-small:hover{border-color:var(--pink);transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.qc-cover{height:90px;position:relative;overflow:hidden;background:linear-gradient(135deg,#ff2d78,#9b5de5)}.qc-cover img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .3s ease}.quiz-card-small:hover .qc-cover img{transform:scale(1.05)}.qc-body{padding:14px}.qc-tag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pink);margin-bottom:8px}.qc-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px;line-height:1.3}.qc-meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.breadcrumb{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:20px 24px 0;font-size:12px;color:var(--text-dim);display:flex;gap:8px;align-items:center}.breadcrumb a{color:var(--text-dim);text-decoration:none}.breadcrumb a:hover{color:var(--muted)}.breadcrumb span{color:var(--text-dim)}.faq-section{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 24px 80px}.faq-item{border-bottom:1px solid var(--border);padding:20px 0}.faq-q{font-size:15px;font-weight:600;color:var(--text);margin-bottom:8px}.faq-a{font-size:14px;color:var(--muted);line-height:1.6}footer{border-top:1px solid var(--border);position:relative;z-index:1}.site-footer{padding:48px 24px 32px}.footer-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr auto auto;gap:40px 64px;align-items:start}.footer-logo{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:3px;background:linear-gradient(90deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;display:inline-block;margin-bottom:10px}.footer-tagline{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 14px}.footer-copy{font-size:11px;color:#444;margin:0}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:0 0 4px}.footer-col a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .15s}.footer-col a:hover{color:var(--text)}@media(max-width:600px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.static-page{max-width:720px;margin:0 auto;padding:60px 24px 80px}.static-page h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0 0 8px}.static-page .static-meta{font-size:13px;color:var(--muted);margin-bottom:40px}.static-page h2{font-size:1.15rem;font-weight:600;color:var(--text);margin:36px 0 10px}.static-page p,.static-page li{font-size:15px;color:#b0b0c0;line-height:1.75}.static-page ul,.static-page ol{padding-left:20px;margin:10px 0 16px}.static-page a{color:var(--pink);text-decoration:none}.static-page a:hover{text-decoration:underline}.static-page .accent{color:var(--pink)}.faq-list{display:flex;flex-direction:column;gap:2px;margin-top:8px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-question{width:100%;background:var(--card);border:none;padding:16px 20px;text-align:left;font-size:15px;font-weight:500;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .15s}.faq-question:hover{background:var(--border-dim)}.faq-caret{flex-shrink:0;width:16px;height:16px;color:var(--muted);transition:transform .2s}.faq-item.open .faq-caret{transform:rotate(180deg)}.faq-answer{display:none;padding:0 20px 16px;font-size:14px;color:#b0b0c0;line-height:1.7;background:var(--card)}.faq-item.open .faq-answer{display:block}.difficulty-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:100px;border:1px solid}.difficulty-badge.easy{color:var(--cyan);border-color:var(--cyan);background:#00f5d414}.difficulty-badge.medium{color:var(--purple);border-color:var(--purple);background:#9b5de514}.difficulty-badge.hard{color:var(--pink);border-color:var(--pink);background:var(--pink-dim)}.browse-section{padding-bottom:80px}.browse-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:8px}.browse-count{font-size:13px;color:var(--muted);font-weight:500;background:var(--card);border:1px solid var(--border);padding:5px 14px;border-radius:100px;transition:color .2s}.search-filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.search-wrap{position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.search-input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 16px 11px 40px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff2d781a}.filter-select{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 36px 11px 14px;color:var(--text);font-size:13px;font-family:inherit;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s,box-shadow .2s;max-width:220px}.filter-select:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff2d781a}.filter-select option{background:#111}.diff-pills{display:flex;gap:6px;flex-shrink:0}.diff-pill{background:var(--card);border:1px solid var(--border);border-radius:100px;padding:8px 16px;color:var(--muted);font-size:12px;font-weight:600;font-family:inherit;letter-spacing:.5px;cursor:pointer;transition:all .2s;white-space:nowrap}.diff-pill:hover{border-color:#444;color:var(--text)}.diff-pill.active{background:#ff2d781f;border-color:var(--pink);color:var(--pink)}.diff-pill.easy.active{background:#00f5d41a;border-color:var(--cyan);color:var(--cyan)}.diff-pill.medium.active{background:#9b5de51a;border-color:var(--purple);color:var(--purple)}.diff-pill.hard.active{background:#ff2d781f;border-color:var(--pink);color:var(--pink)}.empty-state{flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;text-align:center;color:var(--muted);font-size:14px}.empty-icon{font-size:36px;opacity:.4}@media(max-width:700px){.search-filter-row{flex-direction:column;align-items:stretch}.filter-select{max-width:100%}.diff-pills{justify-content:center}.search-wrap{min-width:unset}}@media(max-width:540px){.answers{grid-template-columns:1fr}h1{font-size:48px}.browse-header{flex-direction:column;align-items:flex-start}}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-decoration:none;color:var(--text);transition:border-color var(--transition),transform var(--transition);display:flex;flex-direction:column;gap:12px}.game-card:hover{border-color:var(--pink);transform:translateY(-2px)}.game-card.unavailable{opacity:.5;pointer-events:none}.game-emoji{font-size:48px;line-height:1}.game-title{font-size:1.3rem;font-weight:700}.game-desc{color:var(--muted);font-size:.9rem;line-height:1.5}.game-tag{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;width:fit-content}.game-tag.pink{background:#ff2d7826;color:var(--pink)}.game-tag.cyan{background:#00f5d41a;color:var(--cyan)}.game-tag.purple{background:#9b5de526;color:var(--purple)}.game-tag.muted{background:#222;color:var(--muted)}.battle-container{max-width:900px;margin:0 auto;padding:40px 20px}.battle-header{text-align:center;margin-bottom:40px}.battle-header h1{font-size:2rem;margin-bottom:16px}.battle-progress{display:flex;align-items:center;gap:12px;justify-content:center}.battle-bar{width:200px;height:6px;background:#222;border-radius:3px;overflow:hidden}.battle-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:3px;transition:width .4s ease}.battle-screen{display:flex;gap:24px;align-items:stretch;justify-content:center}.battle-card{flex:1;max-width:380px;background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:32px 24px;text-align:center;cursor:pointer;transition:border-color .2s,transform .2s,background .2s;display:flex;flex-direction:column;gap:12px;align-items:center}.battle-card:hover{border-color:var(--pink);transform:translateY(-4px)}.battle-card.chosen{background:#ff2d781a;border-color:var(--pink)}.battle-emoji{font-size:64px}.battle-name{font-size:1.5rem;font-weight:800}.battle-group{color:var(--purple);font-size:.9rem;font-weight:600}.battle-desc{color:var(--muted);font-size:.85rem;line-height:1.4}.battle-btn{background:var(--pink);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:auto}.battle-vs{font-size:2rem;font-weight:900;color:var(--muted);align-self:center;padding:0 8px}.winner-screen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px 20px}.winner-crown{font-size:80px;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.winner-name{font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.winner-group{color:var(--purple);font-size:1.1rem}.winner-desc{color:var(--muted);max-width:500px}.winner-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:16px}.tf-container{max-width:700px;margin:0 auto;padding:40px 20px}.tf-progress{display:flex;align-items:center;gap:12px;margin-bottom:32px}.tf-bar-wrap{flex:1;height:6px;background:#222;border-radius:3px;overflow:hidden}.tf-bar{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));transition:width .3s}.tf-timer-wrap{display:flex;align-items:center;gap:8px;margin-bottom:24px}.tf-timer-bar{flex:1;height:4px;background:#222;border-radius:2px;overflow:hidden}.tf-timer-fill{height:100%;background:var(--cyan);transition:width .1s linear}.tf-statement{font-size:1.4rem;font-weight:600;text-align:center;line-height:1.5;padding:32px;background:var(--surface);border-radius:16px;margin-bottom:28px;min-height:120px;display:flex;align-items:center;justify-content:center}.tf-buttons{display:flex;gap:16px;justify-content:center}.tf-btn{flex:1;max-width:200px;padding:20px;border:2px solid transparent;border-radius:12px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .2s}.tf-btn.true-btn{background:#538d4e26;border-color:#538d4e;color:#538d4e}.tf-btn.false-btn{background:#ff2d7826;border-color:var(--pink);color:var(--pink)}.tf-btn:hover{transform:scale(1.03)}.tf-btn.correct-answer{background:#538d4e;color:#fff}.tf-btn.wrong-answer{background:var(--pink);color:#fff}.tf-explanation{background:var(--card);border-radius:12px;padding:16px 20px;margin-top:16px;color:var(--muted);font-size:.9rem;display:none}.tf-packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:60px}.tf-pack-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.tf-pack-card:hover{border-color:var(--pink);transform:translateY(-2px)}.vote-hero{text-align:center;padding:60px 20px 40px}.vote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:0 20px 60px;max-width:1100px;margin:0 auto}.vote-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}.vote-card-title{font-size:1.1rem;font-weight:700}.vote-card-options{display:flex;gap:12px;align-items:center;font-size:.9rem;color:var(--muted)}.vote-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.vote-status.active{background:#00f5d41a;color:var(--cyan)}.vote-status.upcoming{background:#9b5de51a;color:var(--purple)}.vote-status.closed{background:#222;color:var(--muted)}.vote-page{max-width:800px;margin:0 auto;padding:40px 20px}.vote-options{display:flex;gap:20px;margin:32px 0}.vote-option{flex:1;background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:12px;align-items:center}.vote-option:hover{border-color:var(--pink);transform:translateY(-2px)}.vote-option-label{font-size:1.4rem;font-weight:800}.vote-btn{background:var(--pink);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer}.vote-result-bar{width:100%;height:12px;background:#222;border-radius:6px;overflow:hidden;margin-top:8px}.vote-result-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:6px;transition:width 1s ease}.vote-pct{font-size:1.5rem;font-weight:800;color:var(--pink)}.vote-panels{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:12px;margin:28px 0 0}.vote-panel{display:flex;flex-direction:column;gap:0;cursor:pointer;border-radius:16px;border:2px solid var(--border);overflow:hidden;transition:border-color .18s,transform .18s;background:var(--surface)}.vote-panel:hover{border-color:var(--pink);transform:translateY(-3px)}.vote-panel.voted-panel{border-color:var(--pink);box-shadow:0 0 20px #ff2d7833}.vote-panel-img-wrap{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--card)}.vote-panel-photo{width:100%;height:100%;object-fit:cover;display:block}.vote-panel-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,5rem);letter-spacing:3px;color:var(--text)}.vote-panel-footer{padding:16px 14px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.vote-panel-name{font-size:1.1rem;font-weight:800;line-height:1.2}.vote-btn-main{background:var(--pink);color:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:.9rem;font-weight:700;cursor:pointer;width:100%;font-family:DM Sans,sans-serif;transition:opacity .15s}.vote-btn-main:hover{opacity:.88}.vote-btn-main:disabled{background:#333;color:var(--muted);cursor:default}.vote-vs-col{display:flex;align-items:center;justify-content:center}.vote-vs-badge{font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:2px;color:var(--muted)}@media(max-width:540px){.vote-panels{grid-template-columns:1fr 32px 1fr;gap:8px}.vote-panel-name{font-size:.9rem}.vote-btn-main{padding:8px 12px;font-size:.8rem}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;color:var(--muted);text-decoration:none;font-size:.65rem;font-weight:600;transition:color var(--transition)}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--pink)}.bottom-nav-item svg{width:22px;height:22px}body{padding-bottom:70px}}@media(max-width:700px){.games-grid{grid-template-columns:1fr}.battle-screen{flex-direction:column;align-items:center}.battle-card{max-width:100%;width:100%}.battle-vs{padding:8px 0}.vote-options{flex-direction:column}}.hub{max-width:1100px;margin:0 auto;padding:0 24px 80px;display:flex;flex-direction:column;gap:44px}.pq-container{max-width:680px;margin:0 auto;padding:40px 20px 80px}.pq-start{text-align:center;padding:32px 20px 20px;display:flex;flex-direction:column;align-items:center}.pq-start-emoji{font-size:72px;margin-bottom:16px;animation:float 3s ease-in-out infinite}.pq-start-group{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--purple);background:#9b5de51a;border:1px solid rgba(155,93,229,.2);border-radius:20px;padding:4px 14px;margin-bottom:14px}.pq-start-title{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:14px}.pq-start-desc{color:var(--text-muted);max-width:480px;line-height:1.65;margin-bottom:32px;font-size:.95rem}.pq-start-meta{display:flex;gap:20px;font-size:.82rem;color:var(--text-muted);margin-bottom:32px}.pq-start-btn{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;border-radius:12px;padding:16px 44px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .18s,opacity .18s}.pq-start-btn:hover{transform:scale(1.03);opacity:.92}.pq-progress{margin-bottom:28px}.pq-prog-top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.pq-prog-bar{height:4px;background:var(--card);border-radius:2px;overflow:hidden}.pq-prog-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:2px;transition:width .4s ease}.pq-question{font-size:1.25rem;font-weight:700;line-height:1.45;margin-bottom:24px;text-align:center;min-height:60px}.pq-options{display:flex;flex-direction:column;gap:10px}.pq-option{background:var(--surface);border:2px solid var(--border-dim);border-radius:14px;padding:16px 20px;cursor:pointer;font-size:.95rem;line-height:1.45;color:var(--text);text-align:left;transition:border-color .16s,background .16s,transform .16s;display:flex;align-items:center;gap:12px}.pq-option:before{content:attr(data-letter);flex-shrink:0;width:28px;height:28px;background:var(--card);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--text-muted);transition:background .16s,color .16s}.pq-option:hover{border-color:var(--pink);background:#ff2d780a;transform:translate(3px)}.pq-option:hover:before{background:#ff2d7826;color:var(--pink)}.pq-option.selected{border-color:var(--purple);background:#9b5de514;transform:translate(3px);pointer-events:none}.pq-option.selected:before{background:#9b5de533;color:var(--purple)}.pq-result{text-align:center;display:flex;flex-direction:column;align-items:center;padding:16px 0}.pq-result-label{font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.pq-result-emoji{font-size:88px;margin-bottom:8px;animation:float 3s ease-in-out infinite}.pq-result-you{color:var(--text-muted);font-size:1rem;margin-bottom:4px}.pq-result-name{font-size:3.8rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.pq-result-group{color:var(--purple);font-size:.92rem;font-weight:600;margin-bottom:20px}.pq-traits{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:22px}.pq-trait{background:#9b5de51a;border:1px solid rgba(155,93,229,.22);color:var(--purple);border-radius:20px;padding:5px 14px;font-size:.78rem;font-weight:600;text-transform:capitalize}.pq-result-desc{color:var(--text-muted);line-height:1.72;max-width:500px;margin:0 auto 28px;font-size:.96rem}.pq-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.pq-scorecard-wrap{margin:12px auto 0;max-width:480px;border-radius:12px;overflow:hidden;box-shadow:0 16px 50px #0000008c}.pq-scorecard-wrap canvas{display:block;width:100%;height:auto}.pq-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:32px}.pq-hub-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:16px;padding:26px 22px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s;display:flex;flex-direction:column;gap:10px}.pq-hub-card:hover{border-color:var(--pink);transform:translateY(-2px)}.pq-hub-card.dim{opacity:.4;pointer-events:none}.pq-hub-emoji{font-size:40px}.pq-hub-group{font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--purple)}.pq-hub-title{font-size:1.1rem;font-weight:700;line-height:1.3}.pq-hub-meta{font-size:.8rem;color:var(--text-muted)}.pq-hub-cta{color:var(--pink);font-size:.85rem;font-weight:600;margin-top:auto}@media(max-width:600px){.pq-result-name{font-size:2.8rem}.pq-start-title{font-size:1.6rem}.pq-option{padding:14px 16px}}.bday-zone{background:linear-gradient(135deg,#9b5de51f,#ff2d7814);border:1px solid rgba(155,93,229,.3);border-radius:14px;padding:14px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.bday-icon{font-size:26px;flex-shrink:0}.bday-left{flex-shrink:0}.bday-label{font-size:.65rem;font-weight:800;letter-spacing:1.5px;color:#c084fc;text-transform:uppercase;margin-bottom:2px}.bday-cards{display:flex;gap:8px;flex-wrap:wrap;flex:1}.bday-card{background:#ff2d7833;border:1px solid rgba(255,45,120,.5);border-radius:10px;padding:8px 14px;text-decoration:none;color:inherit;display:block;transition:border-color .2s,transform .15s,background .2s}a.bday-card:hover{background:#ff2d7852;border-color:#ff2d78cc;transform:translateY(-2px);cursor:pointer}.bday-name{font-weight:800;font-size:.92rem;color:#fff}.bday-group{color:var(--muted);font-size:.75rem;margin-top:1px}.bday-age{color:#f472b6;font-size:.75rem;font-weight:700;margin-top:3px}.bday-empty{color:var(--muted);font-size:.85rem;font-style:italic}.bday-divider{width:1px;background:#9b5de540;align-self:stretch;min-height:40px;flex-shrink:0}.bday-next{flex-shrink:0}.bday-next-cards-row{display:flex;gap:8px;flex-wrap:wrap}.bday-next-card{background:#9b5de51a;border:1px solid rgba(155,93,229,.22);border-radius:10px;padding:8px 14px;text-decoration:none;color:inherit;display:block;transition:border-color .2s,background .2s}a.bday-next-card:hover{background:#9b5de533;border-color:#9b5de580}.bday-next-name{font-weight:700;font-size:.82rem;color:var(--text)}.personality-banner{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#6d28d938,#db27772e);border:1px solid rgba(139,92,246,.38);border-radius:16px;padding:18px 24px;text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .15s}.personality-banner:hover{background:linear-gradient(135deg,#6d28d957,#db277747);border-color:#8b5cf6a6;transform:translateY(-2px)}.personality-banner-emoji{font-size:36px;flex-shrink:0}.personality-banner-body{flex:1}.personality-banner-tag{font-size:.62rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#a78bfa;margin-bottom:3px}.personality-banner-title{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:3px}.personality-banner-sub{font-size:.8rem;color:var(--muted)}.personality-banner-cta{background:#8b5cf6bf;color:#fff;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:700;white-space:nowrap;flex-shrink:0;transition:background .2s}.personality-banner:hover .personality-banner-cta{background:#8b5cf6}@media(max-width:500px){.personality-banner-sub{display:none}.personality-banner-cta{padding:8px 14px;font-size:.82rem}}.quiz-create-banner{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#ff2d7826,#9b5de52e);border:1px solid rgba(255,45,120,.3);border-radius:16px;padding:18px 24px;text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .15s}.quiz-create-banner:hover{background:linear-gradient(135deg,#ff2d7847,#9b5de54d);border-color:#ff2d788c;transform:translateY(-2px)}.quiz-create-emoji{font-size:36px;flex-shrink:0}.quiz-create-body{flex:1}.quiz-create-tag{font-size:.62rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--pink);margin-bottom:3px}.quiz-create-title{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:3px}.quiz-create-sub{font-size:.8rem;color:var(--muted)}.quiz-create-cta{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:700;white-space:nowrap;flex-shrink:0;transition:opacity .2s}.quiz-create-banner:hover .quiz-create-cta{opacity:.9}@media(max-width:500px){.quiz-create-sub{display:none}.quiz-create-cta{padding:8px 14px;font-size:.82rem}}.hub-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.widget-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:16px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:14px}.widget-label{font-size:.68rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.widget-label.cyan{color:var(--cyan)}.widget-label.purple{color:var(--purple)}.widget-label.green{color:#00d4aa}.widget-title{font-size:1.05rem;font-weight:700;line-height:1.3}.vote-w-opts{display:flex;gap:8px}.vote-w-opt{flex:1;background:var(--surface2);border:2px solid var(--border);border-radius:10px;padding:13px 10px;text-align:center;cursor:pointer;transition:border-color .18s,color .18s,background .18s;font-weight:700;font-size:.9rem;color:var(--text)}.vote-w-opt:hover{border-color:var(--pink);color:var(--pink);background:#ff2d780f}.vote-w-bars{display:flex;flex-direction:column;gap:8px}.vote-w-row{display:flex;align-items:center;gap:8px}.vote-w-name{font-size:.8rem;color:var(--text-muted);width:72px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vote-w-track{flex:1;height:6px;background:var(--card);border-radius:3px;overflow:hidden}.vote-w-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:3px;transition:width .8s ease}.vote-w-pct{font-size:.8rem;font-weight:700;width:34px;text-align:right}.widget-cta{display:block;text-align:center;color:var(--pink);text-decoration:none;font-size:.8rem;font-weight:600;padding-top:6px;border-top:1px solid var(--border-dim);transition:opacity .15s}.widget-cta:hover{opacity:.75}.widget-cta.cyan-link{color:var(--cyan)}.rank-entry{display:flex;align-items:center;gap:10px}.rank-num{font-family:Bebas Neue,sans-serif;font-size:1.3rem;width:24px;flex-shrink:0;color:var(--text-muted)}.rank-num.gold{color:#f4c430}.rank-num.silver{color:#b0b0c0}.rank-num.bronze{color:#cd7f32}.rank-info{flex:1;min-width:0}.rank-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-group{color:var(--text-muted);font-size:.75rem}.rank-bar-wrap{flex-shrink:0}.rank-bar-bg{width:70px;height:4px;background:var(--card);border-radius:2px;overflow:hidden}.rank-bar-fg{height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:2px}.hub-community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.hub-comm-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:12px;padding:18px 16px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s;display:flex;align-items:center;gap:14px}.hub-comm-card:hover{border-color:var(--purple);transform:translateY(-2px)}.hub-comm-icon{font-size:1.5rem;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px}.hub-comm-info{flex:1;min-width:0}.hub-comm-title{font-weight:700;font-size:.92rem;line-height:1.2}.hub-comm-desc{font-size:.75rem;color:var(--text-muted);margin-top:2px}.hub-comm-arrow{color:var(--purple);font-weight:700;font-size:1.1rem;flex-shrink:0;opacity:0;transition:opacity .2s}.hub-comm-card:hover .hub-comm-arrow{opacity:1}@media(max-width:768px){.hub-community-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hub-community-grid{grid-template-columns:1fr}}.hub-games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hub-game-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:12px;padding:16px 14px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s;display:flex;align-items:center;gap:12px}.hub-game-card:hover{border-color:var(--pink);transform:translateY(-2px)}.hub-game-card.dim{opacity:.35;pointer-events:none}.hub-game-emoji{font-size:26px;flex-shrink:0}.hub-game-name{font-weight:700;font-size:.88rem;line-height:1.2}.hub-game-sub{font-size:.73rem;color:var(--text-muted)}.news-stub{background:var(--surface);border:1px solid var(--border-dim);border-radius:16px;padding:32px;text-align:center;color:var(--text-muted)}.news-stub-icon{font-size:32px;margin-bottom:10px}.news-stub-title{font-weight:700;color:var(--text);margin-bottom:6px}.home-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.home-news-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .15s}.home-news-card:hover{border-color:var(--pink);transform:translateY(-2px)}.home-news-date{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.home-news-title{font-size:.88rem;font-weight:700;line-height:1.35;color:var(--text)}.home-news-desc{font-size:.78rem;color:var(--muted);line-height:1.5}.home-news-all{display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:16px;font-size:.85rem;font-weight:700;color:var(--pink);text-decoration:none;transition:border-color .2s}.home-news-all:hover{border-color:var(--pink)}@media(max-width:768px){.hub-2col{grid-template-columns:1fr}.hub-games-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.nav-burger{display:flex}}@media(max-width:480px){.hub-games-grid{grid-template-columns:1fr}.hub{padding:0 16px 80px}}.bd-wrap{max-width:860px;margin:0 auto;padding:40px 20px 80px}.bd-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.bd-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:48px}@media(max-width:700px){.bd-month-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.bd-month-grid{grid-template-columns:repeat(2,1fr)}}.bd-month-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 12px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s,transform .2s}.bd-month-card:hover{border-color:var(--pink);transform:translateY(-2px)}.bd-month-emoji{font-size:28px;margin-bottom:8px}.bd-month-name{font-weight:700;font-size:.88rem;margin-bottom:4px}.bd-month-count{font-size:.7rem;color:var(--muted)}.bd-today-section{background:#ff2d780f;border:1px solid rgba(255,45,120,.25);border-radius:16px;padding:20px 24px;margin-bottom:32px}.bd-today-title{font-size:1rem;font-weight:700;margin-bottom:12px}.bd-today-list{display:flex;gap:10px;flex-wrap:wrap}.bd-today-chip{background:var(--card);border:1px solid var(--border);border-radius:100px;padding:7px 16px;font-size:.82rem;text-decoration:none;color:var(--text);transition:border-color .15s}.bd-today-chip:hover{border-color:var(--pink)}.bd-day-section{margin-bottom:28px}.bd-day-header{font-size:1rem;font-weight:700;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #1a1a2e;color:var(--text);transition:color .15s}.bd-day-section a:hover .bd-day-header{color:var(--pink)}.bd-idol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.bd-idol-grid-full{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.bd-idol-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--text);transition:border-color .15s}.bd-idol-card-full{padding:18px 20px}.bd-idol-card:hover{border-color:var(--purple)}.bd-idol-card-badge{font-size:.68rem;color:var(--muted);margin-bottom:6px}.bd-idol-card-name{font-weight:700;font-size:.92rem;margin-bottom:2px}.bd-idol-card-group{font-size:.75rem;color:var(--muted);margin-bottom:6px}.bd-idol-card-positions{font-size:.68rem;color:#b47dff}.bd-idol-card-fact{font-size:.73rem;color:var(--muted);line-height:1.5;margin-top:10px;border-top:1px solid #1a1a2e;padding-top:10px}.rank-hub-hero{text-align:center;padding:60px 20px 40px}.rank-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:8px}.rank-hub-card{background:var(--card);border:1.5px solid #26263a;border-radius:18px;padding:28px 24px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:10px;transition:border-color .18s,transform .18s,box-shadow .18s}.rank-hub-card:hover{border-color:var(--pink);transform:translateY(-3px);box-shadow:0 8px 28px #ff2d781f}.rank-hub-emoji{font-size:2.4rem;line-height:1}.rank-hub-title{font-size:1.1rem;font-weight:800;line-height:1.2}.rank-hub-votes{font-size:.78rem;color:var(--pink);font-weight:600;letter-spacing:.5px}.rank-hub-preview{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.rank-hub-preview-item{display:flex;align-items:center;gap:8px;font-size:.88rem}.rank-hub-medal{font-size:1rem;width:22px;flex-shrink:0}.rank-hub-preview-name{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-hub-preview-group{font-size:.75rem;color:var(--muted);white-space:nowrap}.rank-hub-cta{margin-top:6px;font-size:.82rem;font-weight:700;color:var(--pink);letter-spacing:.3px}.ranking-page{max-width:760px;margin:0 auto;padding:48px 20px 60px}.ranking-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px}.ranking-header-emoji{font-size:3rem;line-height:1;flex-shrink:0;margin-top:4px}.ranking-header-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.2;margin-bottom:6px}.ranking-header-desc{color:var(--muted);font-size:.92rem;line-height:1.55;margin-bottom:8px}.ranking-header-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}.rank-vote-msg{background:#00f5d412;border:1px solid rgba(0,245,212,.25);border-radius:10px;padding:12px 18px;font-size:.88rem;color:#00f5d4;margin-bottom:20px;text-align:center}.ranking-list{display:flex;flex-direction:column;gap:10px}.rank-item{display:grid;grid-template-columns:44px 1fr 120px 72px 80px;align-items:center;gap:12px;background:var(--card);border:1.5px solid #26263a;border-radius:14px;padding:14px 16px;transition:border-color .18s,background .18s}.rank-item.rank-voted{border-color:var(--pink);background:#ff2d780d}.rank-pos{font-size:1.15rem;font-weight:800;color:var(--muted);text-align:center;min-width:36px}.rank-info{display:flex;flex-direction:column;gap:2px;min-width:0}.rank-name{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-group{font-size:.75rem;color:var(--muted)}.rank-bar-wrap{background:var(--overlay-sm);border-radius:100px;height:6px;overflow:hidden}.rank-bar{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:100px;transition:width .6s cubic-bezier(.4,0,.2,1);width:0%}.rank-count{font-size:.82rem;font-weight:600;color:var(--muted);text-align:right;white-space:nowrap}.rank-vote-btn{background:#ff2d781a;border:1.5px solid rgba(255,45,120,.3);border-radius:8px;padding:7px 12px;color:var(--pink);font-size:.8rem;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s,color .18s;white-space:nowrap;font-family:inherit}.rank-vote-btn:hover:not(:disabled){background:var(--pink);border-color:var(--pink);color:#fff}.rank-vote-btn:disabled{cursor:default}.rank-vote-btn.rank-btn-dim{opacity:.25}@media(max-width:600px){.rank-item{grid-template-columns:36px 1fr 60px 60px;grid-template-rows:auto auto;gap:8px 10px}.rank-bar-wrap{grid-column:2 / -1;grid-row:2}.rank-hub-grid{grid-template-columns:1fr 1fr;gap:12px}.rank-hub-card{padding:18px 16px}}.groups-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.groups-index-card{background:var(--card);border:1.5px solid #26263a;border-radius:14px;padding:18px 16px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;flex-direction:column;gap:6px}.groups-index-card:hover{border-color:var(--pink);transform:translateY(-2px);box-shadow:0 6px 20px #ff2d781a}.gic-name{font-size:1rem;font-weight:800}.gic-meta{font-size:.75rem;color:var(--muted);display:flex;gap:6px}.group-hub{max-width:1000px;margin:0 auto;padding:48px 20px 60px}.group-hero{margin-bottom:48px}.group-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.group-rank-badge{display:inline-flex;align-items:center;gap:4px;background:#ff2d781a;border:1px solid rgba(255,45,120,.3);border-radius:100px;padding:4px 14px;font-size:.75rem;font-weight:700;color:var(--pink);letter-spacing:.4px}.group-quiz-badge{display:inline-flex;align-items:center;background:#9b5de51a;border:1px solid rgba(155,93,229,.3);border-radius:100px;padding:4px 14px;font-size:.75rem;font-weight:700;color:var(--purple)}.group-member-badge{display:inline-flex;align-items:center;background:#00f5d414;border:1px solid rgba(0,245,212,.25);border-radius:100px;padding:4px 14px;font-size:.75rem;font-weight:700;color:#00f5d4}.group-hero-title{font-size:clamp(2.4rem,7vw,4rem);font-weight:900;line-height:1.1;margin-bottom:12px;font-family:Bebas Neue,sans-serif;letter-spacing:2px}.group-hero-sub{color:var(--muted);font-size:1rem;line-height:1.6;max-width:560px;margin-bottom:24px}.group-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.group-section{margin-bottom:48px}.group-section-title{font-size:1.1rem;font-weight:800;margin-bottom:18px;display:flex;align-items:center;gap:10px;letter-spacing:.3px}.group-section-count{background:var(--overlay-sm);border-radius:100px;padding:2px 10px;font-size:.78rem;font-weight:600;color:var(--muted)}.group-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.group-member-card{background:var(--card);border:1.5px solid #26263a;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;transition:border-color .18s,transform .18s;text-decoration:none;color:var(--text);cursor:pointer}.group-member-card:hover{border-color:#ff2d7866;transform:translateY(-2px)}.gmc-name{font-size:1rem;font-weight:800}.gmc-positions{font-size:.72rem;color:var(--pink);font-weight:600;letter-spacing:.3px}.gmc-birthday{font-size:.76rem;color:var(--muted)}.gmc-fact{font-size:.73rem;color:var(--muted);line-height:1.5;margin-top:4px;border-top:1px solid var(--border-dim);padding-top:8px}.group-vote-card{display:block;background:var(--card);border:1.5px solid rgba(155,93,229,.3);border-radius:16px;padding:22px 24px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s}.group-vote-card:hover{border-color:var(--purple);transform:translateY(-2px)}.group-vote-title{font-size:1rem;font-weight:700;margin-bottom:6px}.group-vote-desc{font-size:.84rem;color:var(--muted);margin-bottom:16px;line-height:1.5}.group-vote-options{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.group-vote-opt{flex:1;background:#9b5de514;border:1px solid rgba(155,93,229,.2);border-radius:10px;padding:10px 14px;text-align:center;font-size:.88rem;font-weight:600;min-width:100px}.group-vote-vs{font-weight:900;font-size:.9rem;color:var(--muted);flex-shrink:0}.group-vote-cta{font-size:.82rem;font-weight:700;color:var(--purple)}.group-rank-card{display:flex;align-items:center;gap:16px;background:var(--card);border:1.5px solid rgba(255,45,120,.25);border-radius:16px;padding:20px 22px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s}.group-rank-card:hover{border-color:var(--pink);transform:translateY(-2px)}.group-rank-card-pos{font-size:2rem;font-weight:900;color:var(--pink);font-family:Bebas Neue,sans-serif;letter-spacing:2px;min-width:52px;text-align:center}.group-rank-card-info{flex:1;min-width:0}.group-rank-card-name{font-size:1rem;font-weight:800;margin-bottom:4px}.group-rank-card-votes{font-size:.78rem;color:var(--muted)}.group-rank-bar-wrap{width:120px;background:var(--overlay-sm);border-radius:100px;height:6px;overflow:hidden}.group-rank-bar{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:100px}.group-rank-card-cta{font-size:.8rem;font-weight:700;color:var(--pink);white-space:nowrap}@media(max-width:600px){.groups-index-grid{grid-template-columns:repeat(2,1fr)}.group-members-grid{grid-template-columns:1fr 1fr}.group-rank-card{flex-wrap:wrap}.group-rank-bar-wrap{width:100%}}.gmc-avatar-wrap{position:relative;width:80px;height:80px;margin:0 auto 10px;border-radius:50%;overflow:hidden;flex-shrink:0}.gmc-avatar-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.gmc-avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#fff;text-transform:uppercase}.gmc-hidden{display:none}.group-member-card{text-align:center}.result-funnel{margin-top:20px;padding:16px 20px;background:#9b5de514;border:1px solid rgba(155,93,229,.25);border-radius:14px;text-align:center}.result-funnel-label{font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:10px;letter-spacing:.3px}.result-funnel-btn{display:inline-block;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;padding:11px 22px;border-radius:10px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .18s,transform .18s}.result-funnel-btn:hover{opacity:.9;transform:translateY(-1px)}.rank-funnel-cta{background:#ff2d780f;border:1px solid rgba(255,45,120,.2);border-radius:14px;padding:18px 22px;margin-bottom:20px;text-align:center}.rank-funnel-label{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text)}.rank-funnel-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.bd-ranking-cta{margin-top:16px;padding:14px 18px;background:#ff2d780f;border:1px solid rgba(255,45,120,.2);border-radius:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.bd-ranking-cta-text{font-size:.88rem;font-weight:600;flex:1;min-width:160px}.bd-ranking-cta-btns{display:flex;gap:8px;flex-wrap:wrap}.bd-rank-btn{display:inline-block;background:#ff2d781a;border:1.5px solid rgba(255,45,120,.3);color:var(--pink);padding:7px 14px;border-radius:8px;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .18s,color .18s;white-space:nowrap}.bd-rank-btn:hover{background:var(--pink);color:#fff}.idol-search-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.idol-search-input-wrap{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.idol-search-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none;flex-shrink:0}.idol-search-input{width:100%;background:var(--card);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;font-size:.95rem;padding:12px 40px 12px 44px;outline:none;transition:border-color .18s,box-shadow .18s}.idol-search-input::placeholder{color:var(--muted)}.idol-search-input:focus{border-color:#ff2d7880;box-shadow:0 0 0 3px #ff2d7814}.idol-search-input::-webkit-search-decoration,.idol-search-input::-webkit-search-cancel-button{display:none}.idol-search-clear{position:absolute;right:12px;width:22px;height:22px;background:var(--border);border:none;border-radius:50%;color:var(--muted);font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.idol-search-clear:hover{background:var(--pink);color:#fff}.idol-group-select{background:var(--card);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;font-size:.9rem;padding:12px 36px 12px 16px;outline:none;cursor:pointer;min-width:180px;transition:border-color .18s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' fill='none' stroke='%23707088' stroke-width='1.8' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px}.idol-group-select:focus{border-color:#9b5de580;box-shadow:0 0 0 3px #9b5de514}.idol-group-select option{background:var(--surface);color:var(--text)}.idol-results-count{font-size:.82rem;color:var(--muted);margin-bottom:28px}.idol-results-count strong{color:var(--pink)}.idol-no-results{text-align:center;padding:60px 20px}.idol-page{max-width:900px;margin:0 auto;padding:40px 20px 80px}.idol-hero{display:flex;gap:36px;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap}.idol-avatar-wrap{flex-shrink:0;width:160px;height:160px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,45,120,.4);background:linear-gradient(135deg,var(--purple),var(--pink))}.idol-avatar-img{width:100%;height:100%;object-fit:cover;object-position:top}.idol-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:800;color:#fff;font-family:Bebas Neue,sans-serif;letter-spacing:2px}.idol-av-hidden{display:none}.idol-hero-info{flex:1;min-width:220px}.idol-hero-group{margin-bottom:8px}.idol-group-pill{display:inline-block;background:#9b5de51f;border:1px solid rgba(155,93,229,.3);color:var(--purple);font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:100px;text-decoration:none;transition:background .18s}.idol-group-pill:hover{background:#9b5de540}.idol-hero-name{font-family:Bebas Neue,sans-serif;font-size:clamp(42px,8vw,64px);letter-spacing:3px;line-height:1;margin-bottom:12px}.idol-positions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.idol-pos-badge{background:#00f5d414;border:1px solid rgba(0,245,212,.2);color:var(--cyan);font-size:.74rem;font-weight:600;padding:3px 10px;border-radius:6px}.idol-meta-grid{display:flex;flex-direction:column;gap:10px}.idol-meta-item{display:flex;flex-direction:column;gap:2px}.idol-meta-label{font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.idol-meta-value{font-size:.95rem;font-weight:500}.idol-bday-link,.idol-group-link,.idol-rank-link{color:var(--text);text-decoration:none;transition:color .15s}.idol-bday-link:hover,.idol-group-link:hover,.idol-rank-link:hover{color:var(--pink)}.idol-age{color:var(--muted);font-size:.85rem}.idol-fact-card{background:#9b5de50f;border:1px solid rgba(155,93,229,.2);border-radius:14px;padding:20px 24px;margin-bottom:28px}.idol-fact-label{font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--purple);margin-bottom:8px}.idol-fact-text{color:var(--text);line-height:1.65;font-size:.97rem}.idol-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.idol-index-group{margin-bottom:40px}.idol-index-group-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.idol-index-group-name{font-size:1.1rem;font-weight:800;color:var(--text);text-decoration:none;transition:color .15s}.idol-index-group-name:hover{color:var(--pink)}.idol-index-group-count{font-size:.78rem;color:var(--muted);background:var(--card);border:1px solid var(--border);padding:2px 10px;border-radius:100px}.idol-index-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:14px;overflow-x:auto;padding-bottom:12px;-webkit-mask-image:linear-gradient(to right,transparent 0,black 20px,black calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 20px,black calc(100% - 20px),transparent 100%);scrollbar-width:thin;scrollbar-color:rgba(255,45,120,.3) transparent}.idol-index-grid::-webkit-scrollbar{height:4px}.idol-index-grid::-webkit-scrollbar-track{background:transparent}.idol-index-grid::-webkit-scrollbar-thumb{background:#ff2d784d;border-radius:4px}.idol-index-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px 16px;background:var(--card);border:1.5px solid #26263a;border-radius:14px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s;text-align:center;flex-shrink:0;width:190px}.idol-index-card:hover{border-color:#ff2d7866;transform:translateY(-3px)}.iic-avatar-wrap{width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--pink),var(--purple));border:2.5px solid rgba(255,45,120,.35);margin-bottom:4px}.iic-avatar-img{width:100%;height:100%;object-fit:cover;object-position:top}.iic-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:900;color:#fff;font-family:Bebas Neue,sans-serif;text-transform:uppercase}.iic-hidden{display:none}.iic-name{font-size:1rem;font-weight:800;line-height:1.2}.iic-positions{font-size:.72rem;color:var(--pink);font-weight:600;letter-spacing:.3px}.iic-bday{font-size:.74rem;color:var(--muted)}.iic-fact{font-size:.72rem;color:var(--muted);line-height:1.5;margin-top:2px}@media(max-width:640px){.idol-hero{flex-direction:column;align-items:center;text-align:center}.idol-hero-group,.idol-positions{justify-content:center}.idol-meta-grid{align-items:center}.idol-cta-row{justify-content:center}.idol-index-grid{gap:10px}.idol-index-card{width:155px;padding:16px 12px 12px}.iic-avatar-wrap{width:80px;height:80px}}.idol-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;align-items:center}.idol-fandom-pill{display:inline-block;background:#ff2d781a;border:1px solid rgba(255,45,120,.25);color:var(--pink);font-size:.72rem;font-weight:600;letter-spacing:.5px;padding:3px 10px;border-radius:100px}.idol-real-name{font-size:1.05rem;font-weight:500;color:var(--muted);margin-top:-6px;margin-bottom:2px}.idol-korean-name{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:10px;letter-spacing:1px}.idol-nicknames{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;margin-bottom:14px}.idol-nickname-tag{font-size:.78rem;color:var(--muted);font-style:italic;background:var(--surface);border:1px solid var(--border);padding:2px 10px;border-radius:6px}.idol-quick-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.idol-quick-stat{font-size:.8rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:4px 10px;border-radius:6px}.idol-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:36px}.idol-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s}.idol-stat-card:hover{border-color:#ff2d7866}.idol-stat-icon{font-size:1.3rem;margin-bottom:8px}.idol-stat-label{font-size:.68rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.idol-stat-value{font-size:.92rem;font-weight:600;color:var(--text);line-height:1.35}.idol-stat-big{font-size:1.15rem;font-family:Bebas Neue,sans-serif;letter-spacing:1px}.idol-stat-sub{font-size:.74rem;color:var(--muted);margin-top:3px}.idol-stat-link{color:var(--text);text-decoration:none;transition:color .15s}.idol-stat-link:hover{color:var(--pink)}.idol-blood{color:#ff6b6b}.idol-mbti{color:var(--purple)}.idol-section{margin-bottom:32px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.idol-section-title{font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.idol-description{line-height:1.7;color:var(--text);font-size:.97rem}.idol-facts-list{display:flex;flex-direction:column;gap:12px}.idol-fact-item{display:flex;gap:12px;align-items:flex-start;font-size:.93rem;line-height:1.6;color:var(--text)}.idol-fact-dot{color:var(--pink);flex-shrink:0;margin-top:2px;font-size:.7rem}.idol-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.idol-detail-label{font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.idol-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.idol-detail-tag{font-size:.8rem;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:4px 12px;border-radius:100px}.idol-tag-pink{border-color:#ff2d7859;color:var(--pink);background:#ff2d780f}.idol-detail-value{font-size:.9rem;color:var(--text);line-height:1.5}.idol-disco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.idol-disco-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:.88rem;color:var(--text)}.idol-disco-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));flex-shrink:0}.idol-social-row{display:flex;flex-wrap:wrap;gap:10px}.idol-social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.88rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s}.idol-social-btn:hover{opacity:.85;transform:translateY(-1px)}.idol-social-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.idol-social-tw{background:#000;border:1px solid var(--border);color:#fff}.group-hub-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text);text-decoration:none;transition:border-color .15s,color .15s}.group-hub-link:hover{border-color:var(--pink);color:var(--pink)}@media(max-width:640px){.idol-stats-grid{grid-template-columns:repeat(2,1fr)}.idol-details-grid,.idol-disco-grid{grid-template-columns:1fr}.idol-quick-stats{display:none}}.company-filter-row{display:flex;gap:8px;flex-wrap:wrap}.company-filter-btn{padding:8px 18px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:13px;font-family:DM Sans,sans-serif;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.company-filter-btn:hover{border-color:var(--pink);color:var(--text)}.company-filter-btn.active{background:var(--pink);border-color:var(--pink);color:#fff}.big4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.big4-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px 24px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s;display:flex;flex-direction:column;gap:0}.big4-card:hover{border-color:var(--company-color, var(--pink));transform:translateY(-2px)}.big4-card-name{font-family:Bebas Neue,sans-serif;font-size:30px;letter-spacing:3px}.big4-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.big4-stat{background:var(--surface);border-radius:8px;padding:10px 12px}.big4-stat-value{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:1px}.big4-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.company-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s;display:flex;flex-direction:column;gap:10px}.company-card:hover{border-color:var(--pink);transform:translateY(-2px)}.company-card-name{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:2px;line-height:1}.company-card-tier{font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.5px;border:1px solid;white-space:nowrap;align-self:flex-start}.company-card-meta{font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.company-card-group-chip{font-size:11px;padding:2px 8px;border-radius:100px;background:var(--surface);color:var(--muted);border:1px solid var(--border)}.company-header{padding:32px 20px;max-width:900px;margin:0 auto}.company-name-main{font-family:Bebas Neue,sans-serif;font-size:clamp(52px,10vw,88px);letter-spacing:4px;line-height:.92}.company-stats-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-width:900px;margin:0 auto;padding:0 20px 36px}.company-stat-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 14px;text-align:center}.company-stat-value{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:2px;line-height:1}.company-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.company-section{max-width:900px;margin:0 auto;padding:0 20px 48px}.company-description{font-size:15px;line-height:1.75;color:#c0c0d0;max-width:720px}.sublabels-grid{display:flex;flex-wrap:wrap;gap:10px}.sublabel-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;min-width:180px}.sublabel-name{font-weight:600;font-size:13px;margin-bottom:6px}.sublabel-artists{font-size:12px;color:var(--muted);line-height:1.5}.company-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.company-group-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s;display:block}.company-group-card:hover{border-color:var(--gcolor, var(--pink));transform:translateY(-2px)}.cgc-name{font-weight:600;font-size:15px;margin-bottom:5px}.cgc-meta{font-size:12px;color:var(--muted);display:flex;gap:5px;flex-wrap:wrap;align-items:center}.cgc-label{font-size:11px;padding:2px 8px;border-radius:100px;background:var(--surface);border:1px solid var(--border);color:var(--muted);display:inline-block}.company-timeline{position:relative;padding-left:20px;border-left:2px solid var(--border)}.timeline-item{position:relative;padding:0 0 24px 20px}.timeline-item:before{content:"";position:absolute;left:-7px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--pink);border:2px solid var(--black)}.timeline-year{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:2px;margin-bottom:3px}.timeline-event{font-size:14px;color:var(--muted);line-height:1.55}.past-groups-grid{display:flex;flex-wrap:wrap;gap:10px}.past-group-chip{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px;transition:border-color .15s}.past-group-chip:hover{border-color:var(--muted)}.pgc-name{font-size:14px;font-weight:600;margin-bottom:3px}.pgc-dates{font-size:12px;color:var(--muted);line-height:1.4}.facts-list{display:flex;flex-direction:column;gap:10px}.fact-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:8px;padding:14px 18px;font-size:14px;color:#b0b0c8;line-height:1.55}@media(max-width:640px){.big4-grid,.companies-grid{grid-template-columns:1fr}.company-stats-bar{grid-template-columns:repeat(2,1fr)}.company-groups-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.company-name-main{font-size:52px}}.tl-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.tl-hub-card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:24px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:8px;transition:border-color .18s,transform .18s}.tl-hub-card:hover{border-color:#ff2d7866;transform:translateY(-3px)}.tl-hub-emoji{font-size:2.2rem;line-height:1;margin-bottom:4px}.tl-hub-title{font-size:1.1rem;font-weight:800;line-height:1.2}.tl-hub-desc{font-size:.82rem;color:var(--muted);line-height:1.5;flex:1}.tl-hub-meta{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.tl-hub-count{font-size:.75rem;color:var(--muted);background:var(--overlay-sm);padding:3px 10px;border-radius:100px;border:1px solid var(--border)}.tl-hub-cta{font-size:.82rem;font-weight:700;color:var(--pink)}.tl-hub-preview{display:flex;gap:4px;margin-top:6px}.tl-page{max-width:1000px;margin:0 auto;padding:40px 20px 80px}.tl-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap}.tl-header-emoji{font-size:2.6rem;line-height:1;flex-shrink:0}.tl-header>div:nth-child(2){flex:1;min-width:200px}.tl-title{font-family:Bebas Neue,sans-serif;font-size:clamp(28px,5vw,42px);letter-spacing:2px;line-height:1;margin-bottom:6px}.tl-desc{color:var(--muted);font-size:.88rem;line-height:1.5;max-width:500px}.tl-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tl-btn{border:none;border-radius:10px;font-family:inherit;font-size:.88rem;font-weight:700;padding:10px 18px;cursor:pointer;transition:background .18s,transform .15s;white-space:nowrap}.tl-btn:disabled{opacity:.6;cursor:not-allowed}.tl-btn-primary{background:var(--pink);color:#fff}.tl-btn-primary:hover:not(:disabled){background:#e0255f;transform:translateY(-1px)}.tl-btn-ghost{background:var(--overlay-sm);color:var(--muted);border:1px solid var(--border)}.tl-btn-ghost:hover{background:var(--overlay-md);color:var(--text)}.tl-tiers{border-radius:12px;overflow:hidden;border:1.5px solid var(--border);margin-bottom:4px}.tl-row{display:flex;min-height:100px;border-bottom:2px solid var(--border)}.tl-row:last-child{border-bottom:none}.tl-row-label{width:70px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:2.4rem;color:#fff;letter-spacing:1px}.tl-drop{flex:1;display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--card);align-content:flex-start;min-height:100px;transition:background .15s}.tl-drop.tl-drag-over{background:#ff2d7812;outline:2px dashed rgba(255,45,120,.4);outline-offset:-2px}.tl-pool-section{background:var(--card);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;margin-top:12px}.tl-pool-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.tl-pool-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.tl-pool-count{font-size:.75rem;color:var(--muted);background:var(--overlay-sm);padding:2px 10px;border-radius:100px;border:1px solid var(--border)}.tl-pool{display:flex;flex-wrap:wrap;gap:8px;padding:12px;min-height:120px;align-content:flex-start;transition:background .15s}.tl-pool.tl-drag-over{background:#6464c80f;outline:2px dashed rgba(155,93,229,.4);outline-offset:-2px}.tl-item{width:80px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab;user-select:none;border-radius:8px;padding:4px;transition:transform .15s,opacity .15s}.tl-item:hover{transform:scale(1.06)}.tl-item:active{cursor:grabbing}.tl-item-avatar{width:64px;height:64px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--purple),var(--pink));flex-shrink:0;position:relative}.tl-item-img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}.tl-item-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:#fff;font-weight:900}.tl-item-label{font-size:.7rem;font-weight:700;text-align:center;line-height:1.2;word-break:break-word;color:var(--text)}.tl-item-sublabel{font-size:.62rem;color:var(--muted);text-align:center}.tl-share-hint{margin-top:20px;text-align:center;font-size:.82rem;color:var(--muted)}@media(max-width:640px){.tl-hub-grid{grid-template-columns:1fr}.tl-row-label{width:52px;font-size:1.8rem}.tl-item{width:64px}.tl-item-avatar{width:52px;height:52px}.tl-header{flex-direction:column}}.tl-search-wrap{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.tl-search-input-wrap{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.tl-search-input{width:100%;background:var(--card);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;font-size:.95rem;padding:12px 40px 12px 44px;outline:none;transition:border-color .18s,box-shadow .18s}.tl-search-input::placeholder{color:var(--muted)}.tl-search-input::-webkit-search-decoration,.tl-search-input::-webkit-search-cancel-button{display:none}.tl-search-input:focus{border-color:#ff2d7880;box-shadow:0 0 0 3px #ff2d7814}.tl-search-clear{position:absolute;right:12px;width:22px;height:22px;background:var(--border);border:none;border-radius:50%;color:var(--muted);font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.tl-search-clear:hover{background:var(--pink);color:#fff}.tl-category-select{background:var(--card);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;font-size:.9rem;padding:12px 36px 12px 16px;outline:none;cursor:pointer;min-width:180px;transition:border-color .18s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' fill='none' stroke='%23707088' stroke-width='1.8' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px}.tl-category-select:focus{border-color:#ff2d7880}.tl-category-select option{background:var(--surface);color:var(--text)}.tl-count-bar{font-size:.82rem;color:var(--muted);margin-bottom:20px}.tl-count-bar strong{color:var(--pink)}.tl-no-results{text-align:center;padding:60px 20px}.tl-hub-tier-chip{flex:1;height:8px;border-radius:4px;display:block}.lyrics-hub-page{padding:0 20px 80px}.lyrics-hub-inner{max-width:1100px;margin:0 auto;padding-top:48px}.lyrics-hub-hero{text-align:center;margin-bottom:48px}.lyrics-hub-badge{display:inline-flex;align-items:center;gap:8px;background:#ff2d781a;border:1px solid rgba(255,45,120,.3);border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--pink);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.lyrics-hub-title{font-family:Bebas Neue,sans-serif;font-size:clamp(52px,10vw,88px);letter-spacing:4px;line-height:.95;margin-bottom:16px}.lyrics-hub-sub{color:var(--muted);font-size:16px;max-width:480px;margin:0 auto;line-height:1.6}.lyrics-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:64px}.lyrics-group-card{background:var(--overlay-xs);border:1px solid var(--overlay-md);border-radius:16px;padding:24px 20px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,transform .15s,background .2s}.lyrics-group-card:hover{border-color:#9b5de566;background:#9b5de50f;transform:translateY(-3px)}.lyrics-group-emoji{font-size:2.4rem;margin-bottom:4px}.lyrics-group-name{font-weight:700;font-size:1.1rem}.lyrics-group-count{font-size:.82rem;color:var(--muted)}.lyrics-group-preview{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.lyrics-song-chip{font-size:.72rem;background:var(--overlay-sm);border:1px solid var(--overlay-md);border-radius:100px;padding:2px 8px;color:var(--muted);white-space:nowrap}.lyrics-song-more{color:var(--purple);border-color:#9b5de54d;background:#9b5de514}.lyrics-group-cta{font-size:.82rem;color:var(--pink);font-weight:600;margin-top:auto;padding-top:8px}.lyrics-how-section{border-top:1px solid var(--overlay-md);padding-top:48px}.lyrics-how-title{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:2px;margin-bottom:28px}.lyrics-how-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.lyrics-how-step{display:flex;gap:16px;align-items:flex-start}.lyrics-how-num{width:36px;height:36px;border-radius:50%;background:var(--pink);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lyrics-how-step p{margin:4px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.lyrics-group-page{padding:0 20px 80px}.lyrics-group-hero{text-align:center;margin:32px 0 40px}.lyrics-group-emoji-big{font-size:3.5rem;margin-bottom:12px}.lyrics-group-hero h1{font-family:Bebas Neue,sans-serif;font-size:clamp(40px,8vw,64px);letter-spacing:3px;margin-bottom:10px}.lyrics-group-sub{color:var(--muted);font-size:15px}.lyrics-song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.lyrics-song-card{background:var(--overlay-xs);border:1px solid var(--overlay-md);border-radius:14px;padding:20px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,transform .15s,background .2s}.lyrics-song-card:hover{border-color:#9b5de566;background:#9b5de50f;transform:translateY(-2px)}.lyrics-song-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.lyrics-song-title{font-weight:700;font-size:1rem}.lyrics-diff-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.lyrics-song-card-meta{font-size:.8rem;color:var(--muted);display:flex;gap:6px}.lyrics-song-card-preview{font-size:.82rem;color:var(--muted);font-style:italic;line-height:1.4}.lyrics-preview-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-song-cta{font-size:.82rem;color:var(--pink);font-weight:600;margin-top:auto}.lyrics-quiz-page{padding:0 20px 80px}.lyrics-quiz-inner{max-width:760px;margin:0 auto;padding-top:40px}.lyrics-quiz-header{text-align:center;margin-bottom:36px;padding-bottom:32px;border-bottom:1px solid var(--overlay-sm)}.lyrics-quiz-emoji{font-size:3rem;margin-bottom:10px}.lyrics-quiz-meta{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:var(--muted);margin-bottom:10px}.lyrics-quiz-group{color:var(--purple);font-weight:600}.lyrics-quiz-dot{opacity:.4}.lyrics-quiz-title{font-family:Bebas Neue,sans-serif;font-size:clamp(40px,8vw,64px);letter-spacing:3px;margin:0 0 10px}.lyrics-quiz-instruction{color:var(--muted);font-size:.9rem}.lyrics-score{text-align:center;padding:16px 24px;border-radius:12px;font-size:1.1rem;margin-bottom:24px;border:2px solid}.lyrics-score-perfect{background:#22c55e1a;border-color:#22c55e66;color:#22c55e}.lyrics-score-great{background:#f59e0b1a;border-color:#f59e0b66;color:#f59e0b}.lyrics-score-ok{background:#9b5de51a;border-color:#9b5de566;color:var(--purple)}.lyrics-song-body{display:flex;flex-direction:column;gap:32px;margin-bottom:36px;max-width:680px;margin-left:auto;margin-right:auto}.lyrics-section{display:flex;flex-direction:column;gap:0}.lyrics-section-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.lyrics-section-rule{flex:1;height:1px;background:var(--overlay-md)}.lyrics-section-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;padding:3px 12px;border:1px solid var(--overlay-md);border-radius:100px}.lyrics-section-lines{display:flex;flex-direction:column;gap:10px}.lyric-display-line{font-size:1rem;color:var(--muted);line-height:1.7;padding:2px 0;font-style:italic}.lyric-line{background:var(--overlay-xs);border:1px solid var(--overlay-md);border-radius:12px;padding:14px 18px;transition:border-color .2s}.lyric-line:focus-within{border-color:#9b5de566}.lyric-line-content{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:1rem;line-height:1.6}.lyric-text{color:var(--text)}.lyric-input-wrap{display:inline-flex;align-items:center}.lyric-input{background:var(--overlay-sm);border:2px solid rgba(155,93,229,.35);border-radius:8px;color:var(--text);font-size:.95rem;font-family:DM Sans,sans-serif;padding:4px 10px;min-width:80px;max-width:160px;text-align:center;transition:border-color .2s,background .2s,box-shadow .2s;outline:none}.lyric-input:focus{border-color:var(--purple);background:#9b5de51a;box-shadow:0 0 0 3px #9b5de526}.lyric-input::placeholder{color:var(--text-muted)}.lyric-input.lyric-correct{border-color:#22c55e;background:#22c55e1a;color:#22c55e}.lyric-input.lyric-wrong{border-color:#ef4444;background:#ef444414;color:#ef4444}.lyric-input.lyric-wrong::placeholder{color:#ef4444b3;font-size:.8rem}.lyric-input:disabled{opacity:1;cursor:default}.lyric-hint{font-size:.75rem;color:var(--muted);margin-top:6px;padding-left:2px}.lyrics-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.lyrics-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;border-radius:100px;font-size:.95rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;border:none;transition:opacity .2s,transform .15s}.lyrics-btn:hover{opacity:.85;transform:translateY(-1px)}.lyrics-btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.lyrics-btn-secondary{background:var(--overlay-md);border:1px solid var(--border);color:#fff}.lyrics-genius-link{text-align:center;margin-top:8px}.lyrics-genius-link a{font-size:.82rem;color:var(--muted);text-decoration:none;transition:color .2s}.lyrics-genius-link a:hover{color:var(--purple)}@media(max-width:600px){.lyrics-group-grid{grid-template-columns:repeat(2,1fr)}.lyrics-song-grid{grid-template-columns:1fr}.lyric-line-content{font-size:.9rem}.lyric-input{min-width:60px}.lyrics-song-body{gap:24px;margin-bottom:24px}.lyric-display-line{font-size:.9rem}}.ach-stat-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;text-align:center}.ach-stat-num{font-size:2rem;font-weight:900;font-family:Bebas Neue,sans-serif;letter-spacing:2px}.ach-stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.ach-section-title{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}.ach-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.ach-cat-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .15s}.ach-cat-card:hover{border-color:var(--pink);transform:translateY(-2px)}.ach-cat-emoji{font-size:1.6rem}.ach-cat-name{font-size:.78rem;font-weight:600}.ach-cat-count{font-size:.7rem;color:var(--muted)}.ach-artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ach-artist-card{display:block;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .2s}.ach-artist-card:hover{border-color:var(--pink)}.ach-artist-name{font-weight:700;font-size:.9rem;margin-bottom:4px}.ach-artist-count{font-size:.75rem;color:var(--muted)}.group-ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.group-ach-card{display:block;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}.group-ach-card:hover{border-color:gold;transform:translateY(-2px)}.group-ach-top{display:flex;align-items:center;gap:6px;margin-bottom:8px}.group-ach-emoji{font-size:1.1rem}.group-ach-verified{font-size:.65rem;font-weight:700;color:#22c55e;background:#22c55e1a;border-radius:100px;padding:1px 6px}.group-ach-year{margin-left:auto;font-size:.72rem;color:var(--muted);font-weight:600}.group-ach-title{font-weight:700;font-size:.88rem;line-height:1.3;margin-bottom:6px}.group-ach-desc{font-size:.78rem;color:var(--muted);line-height:1.4;margin:0}.group-ach-more{display:inline-block;font-size:.82rem;font-weight:600;color:var(--pink);text-decoration:none}.group-ach-more:hover{text-decoration:underline}.ach-filter-btn{padding:7px 14px;border-radius:100px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:.8rem;cursor:pointer;transition:all .2s}.ach-filter-btn[data-active=true]{background:var(--pink);border-color:var(--pink);color:#fff}.ach-filter-btn:hover{border-color:var(--pink);color:var(--text)}.ach-category-section{margin-bottom:40px}.ach-category-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.ach-category-emoji{font-size:1.2rem}.ach-category-name{font-weight:800;font-size:1.05rem}.ach-category-badge{background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:2px 10px;font-size:.72rem;color:var(--muted);font-weight:600}.ach-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.ach-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .15s}.ach-card:hover{border-color:var(--pink);transform:translateY(-2px)}.ach-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.ach-card-artist{font-size:.72rem;font-weight:700;color:var(--pink);text-decoration:none;text-transform:uppercase;letter-spacing:.5px}.ach-card-artist:hover{text-decoration:underline}.ach-verified-badge{font-size:.65rem;background:#48c78e26;color:#48c78e;border:1px solid rgba(72,199,142,.3);border-radius:100px;padding:2px 8px;font-weight:700}.ach-card-year{font-size:.7rem;color:var(--muted);margin-left:auto}.ach-card-title{font-weight:700;font-size:.9rem;margin-bottom:6px;line-height:1.3}.ach-card-desc{font-size:.8rem;color:var(--muted);line-height:1.5;margin:0 0 8px}.ach-card-source{font-size:.72rem;color:var(--muted);opacity:.6}.ach-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.85rem;text-decoration:none;margin-bottom:32px;transition:color .2s}.ach-back-link:hover{color:var(--pink)}.ach-artist-hero{display:flex;align-items:center;gap:28px;margin-bottom:32px;padding:28px;background:var(--card);border:1px solid var(--border);border-radius:20px}.ach-artist-img-wrap{width:120px;height:120px;border-radius:16px;overflow:hidden;flex-shrink:0}.ach-artist-img{width:100%;height:100%;object-fit:cover}.ach-artist-title{font-family:Bebas Neue,sans-serif;font-size:clamp(32px,6vw,52px);letter-spacing:3px;line-height:.95;margin-bottom:14px}.ach-artist-mini-stats{display:flex;flex-wrap:wrap;gap:8px}.ach-mini-stat-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:var(--surface);border:1px solid var(--border);border-radius:100px;font-size:.72rem;color:var(--muted)}.ach-mini-stat-pill strong{color:var(--text)}.ach-quiz-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;background:#ff47850f;border:1px solid rgba(255,71,133,.2);border-radius:14px;margin-bottom:36px;font-size:.9rem;font-weight:600}.ach-quiz-cta-btn{display:inline-block;padding:9px 20px;background:var(--pink);color:#fff;border-radius:100px;font-size:.85rem;font-weight:700;text-decoration:none;white-space:nowrap}.ach-quiz-cta-btn:hover{opacity:.9}.ach-timeline{position:relative}.ach-timeline-year-block{margin-bottom:40px}.ach-timeline-year-label{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:3px;color:var(--pink);margin-bottom:16px;padding-left:48px}.ach-timeline-entries{display:flex;flex-direction:column;gap:14px}.ach-timeline-entry{display:flex;align-items:flex-start;gap:16px;border-radius:12px;transition:background .15s}a.ach-timeline-entry:hover{background:#ff47850d}.ach-cat-count-badge{display:inline-block;background:#ff47851a;border:1px solid rgba(255,71,133,.25);border-radius:100px;padding:5px 18px;font-size:.85rem;color:var(--pink);font-weight:600}.ach-tl-dot{width:36px;height:36px;background:var(--card);border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;margin-top:2px}.ach-tl-content{flex:1;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:border-color .2s}.ach-tl-content:hover{border-color:var(--pink)}.ach-tl-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ach-tl-cat-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;background:var(--surface);border:1px solid var(--border);border-radius:100px;color:var(--muted)}.ach-tl-date{font-size:.7rem;color:var(--muted);margin-left:auto}.ach-tl-title{font-weight:700;font-size:.95rem;margin-bottom:6px;line-height:1.3}.ach-tl-desc{font-size:.82rem;color:var(--muted);line-height:1.55;margin:0 0 8px}.ach-tl-source{font-size:.7rem;color:var(--muted);opacity:.6;margin-bottom:6px}.ach-tl-tags{display:flex;flex-wrap:wrap;gap:4px}.ach-tl-tag{font-size:.65rem;color:var(--purple);background:#9b5de51a;border-radius:4px;padding:1px 6px}.comm-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:40px}.comm-stat-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;text-align:center}.comm-stat-num{font-size:2rem;font-weight:900;font-family:Bebas Neue,sans-serif;letter-spacing:2px}.comm-stat-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.comm-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.comm-nav-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--card);border:1px solid var(--border);border-radius:100px;font-size:.85rem;font-weight:600;color:var(--text);text-decoration:none;transition:all .2s}.comm-nav-pill:hover{border-color:var(--pink);color:var(--pink)}.comm-nav-flash{border-color:gold;color:gold}.comm-nav-flash:hover{background:#ffd7001a}.comm-section{margin-bottom:56px}.comm-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.comm-section-eyebrow{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.comm-section-title{font-family:Bebas Neue,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:2px;margin:0}.comm-section-link{color:var(--pink);font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap}.comm-section-link:hover{text-decoration:underline}.comm-rankings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.comm-ranking-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .15s}.comm-ranking-card:hover{border-color:var(--pink);transform:translateY(-2px)}.comm-ranking-card-title{font-weight:800;font-size:.95rem;margin-bottom:14px}.comm-ranking-top3{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.comm-ranking-row{display:flex;align-items:center;gap:8px;font-size:.85rem}.comm-rank-medal{font-size:1.1rem;flex-shrink:0}.comm-rank-name{flex:1;font-weight:600}.comm-rank-votes{color:var(--muted);font-size:.78rem}.comm-ranking-footer{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--muted);padding-top:10px;border-top:1px solid var(--border)}.comm-ranking-cta{color:var(--pink);font-weight:700}.comm-flash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.comm-flash-card{display:block;background:var(--card);border:2px solid #ffd700;border-radius:16px;padding:20px;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .2s}.comm-flash-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffd70026}.comm-flash-badge{display:inline-flex;align-items:center;gap:4px;background:gold;color:#111;font-size:.65rem;font-weight:800;border-radius:4px;padding:2px 8px;margin-bottom:10px;letter-spacing:.5px}.comm-flash-title{font-weight:700;font-size:.95rem;margin-bottom:14px}.comm-flash-options{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:14px}.comm-flash-opt{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;font-weight:600;text-align:center}.comm-flash-img{width:48px;height:48px;border-radius:10px;object-fit:cover}.comm-flash-vs{font-weight:800;font-size:.8rem;color:var(--muted)}.comm-flash-cta{text-align:center;font-size:.82rem;color:gold;font-weight:700}.comm-votes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:28px}.comm-vote-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .15s}.comm-vote-card:hover{border-color:var(--pink);transform:translateY(-2px)}.comm-vote-status{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:700;color:#48c78e;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.comm-vote-active-dot{width:6px;height:6px;background:#48c78e;border-radius:50%;animation:comm-pulse 2s infinite}@keyframes comm-pulse{0%,to{opacity:1}50%{opacity:.4}}.comm-vote-title{font-weight:700;font-size:.9rem;margin-bottom:14px;line-height:1.3}.comm-vote-matchup{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:14px}.comm-vote-side{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.comm-vote-img{width:48px;height:48px;border-radius:10px;object-fit:cover}.comm-vote-label{font-size:.78rem;font-weight:600;text-align:center}.comm-vote-vs-badge{font-weight:800;font-size:.8rem;color:var(--muted)}.comm-vote-cta{text-align:center;font-size:.82rem;color:var(--pink);font-weight:700}.comm-upcoming-section{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.comm-upcoming-title{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.comm-upcoming-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.comm-upcoming-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px}.comm-upcoming-badge{font-size:.6rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.comm-upcoming-name{font-size:.82rem;font-weight:600;margin-bottom:4px;line-height:1.3}.comm-upcoming-date{font-size:.72rem;color:var(--pink)}.comm-ach-artists{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.comm-ach-artist-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:var(--card);border:1px solid var(--border);border-radius:100px;text-decoration:none;color:var(--text);font-size:.82rem;font-weight:600;transition:border-color .2s}.comm-ach-artist-pill:hover{border-color:var(--pink);color:var(--pink)}.comm-ach-artist-count{display:inline-flex;align-items:center;justify-content:center;background:var(--pink);color:#fff;border-radius:100px;font-size:.65rem;font-weight:700;padding:2px 7px}.comm-ach-more{color:var(--muted)}.comm-ach-recent{display:flex;flex-direction:column;gap:8px}.comm-ach-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);transition:border-color .2s}.comm-ach-item:hover{border-color:var(--pink)}.comm-ach-item-left{display:flex;align-items:center;gap:12px}.comm-ach-item-year{font-family:Bebas Neue,sans-serif;font-size:1.2rem;color:var(--pink);min-width:40px}.comm-ach-item-artist{font-size:.7rem;color:var(--muted);margin-bottom:2px}.comm-ach-item-title{font-size:.88rem;font-weight:600}.comm-ach-item-cat{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.comm-cta-btn{display:inline-block;padding:10px 28px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-radius:100px;font-weight:700;font-size:.9rem;text-decoration:none;transition:opacity .2s}.comm-cta-btn:hover{opacity:.9}.comm-discuss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:16px}.comm-discuss-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--card);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .15s}.comm-discuss-card:hover{border-color:var(--purple);transform:translateY(-2px)}.comm-discuss-icon{font-size:1.8rem;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#9b5de51a;border-radius:12px}.comm-discuss-info{flex:1;min-width:0}.comm-discuss-title{font-weight:700;font-size:.95rem;margin-bottom:2px}.comm-discuss-desc{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-discuss-arrow{color:var(--purple);font-weight:700;font-size:1.1rem;flex-shrink:0;opacity:0;transition:opacity .2s}.comm-discuss-card:hover .comm-discuss-arrow{opacity:1}.comm-bottom-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:48px;padding-top:40px;border-top:1px solid var(--border)}.comm-bottom-link{display:flex;align-items:center;gap:14px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .15s}.comm-bottom-link:hover{border-color:var(--pink);transform:translateY(-2px)}.comm-bottom-link-icon{font-size:1.6rem;flex-shrink:0}.comm-bottom-link-title{font-weight:700;font-size:.9rem;margin-bottom:2px}.comm-bottom-link-sub{font-size:.75rem;color:var(--muted)}.rank-period-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:20px}.rank-period-tab{padding:6px 16px;border-radius:100px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.rank-period-tab:hover{border-color:var(--pink);color:var(--text)}.rank-period-active{background:var(--pink)!important;border-color:var(--pink)!important;color:#fff!important}.rank-period-note{font-size:.72rem;color:var(--muted);margin-left:8px}.rank-voted-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#48c78e1a;border:1px solid rgba(72,199,142,.3);border-radius:12px;margin-bottom:16px;font-size:.88rem;color:#48c78e;font-weight:600}.rank-name-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.rank-trend{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:100px}.rank-trend-up{color:#48c78e;background:#48c78e1a}.rank-trend-down{color:#ff6b6b;background:#ff6b6b1a}.rank-trend-stable{color:var(--muted);background:var(--surface)}.rank-trend-delta{font-size:.68rem}.rank-progress-wrap{margin-top:6px}.rank-progress-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:3px}.rank-progress-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:2px;transition:width .5s ease}.rank-progress-label{font-size:.65rem;color:var(--muted)}.vote-flash-badge{display:inline-flex;align-items:center;gap:4px;background:gold;color:#111;font-size:.65rem;font-weight:800;border-radius:4px;padding:3px 9px;letter-spacing:.5px;animation:flash-pulse 2s infinite}@keyframes flash-pulse{0%,to{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 0 6px #ffd70000}}.vote-history-ticker{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:20px}.vote-history-item{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}.vote-history-dot{width:6px;height:6px;background:var(--pink);border-radius:50%;flex-shrink:0}.vote-reactions-section{margin-top:32px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:14px}.vote-reactions-title{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.vote-reactions-row{display:flex;flex-wrap:wrap;gap:10px}.vote-reaction-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:100px;cursor:pointer;font-size:.85rem;transition:all .2s;color:var(--text)}.vote-reaction-btn:hover{border-color:var(--pink);transform:scale(1.05)}.vote-reaction-active{border-color:var(--pink)!important;background:#ff47851a!important}.vote-reaction-emoji{font-size:1.2rem}.vote-reaction-count{font-size:.78rem;font-weight:600;color:var(--muted)}.vote-reaction-pop{animation:reaction-pop .3s ease}@keyframes reaction-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.ach-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);margin-bottom:24px;flex-wrap:wrap}.ach-breadcrumb a{color:var(--muted);text-decoration:none}.ach-breadcrumb a:hover{color:var(--pink)}.ach-detail-cat-badge{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ach-detail-cat-badge>span:first-child{display:inline-flex;align-items:center;gap:6px;background:#ff47851f;border:1px solid rgba(255,71,133,.3);border-radius:100px;padding:5px 14px;font-size:.78rem;font-weight:700;color:var(--pink);text-transform:uppercase;letter-spacing:.5px}.ach-detail-title{font-size:clamp(1.5rem,4vw,2.4rem);font-weight:800;line-height:1.2;margin:0 0 20px}.ach-detail-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:28px;font-size:.85rem}.ach-detail-artist a{color:var(--pink);font-weight:700;text-decoration:none}.ach-detail-artist a:hover{text-decoration:underline}.ach-detail-date,.ach-detail-source{color:var(--muted)}.ach-detail-desc-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 32px;margin-bottom:24px}.ach-detail-desc{font-size:1.05rem;line-height:1.75;color:var(--text);margin:0}.ach-detail-related{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.ach-detail-related-title{font-size:1.1rem;font-weight:700;margin-bottom:16px}.ach-detail-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.ach-detail-related-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .15s}.ach-detail-related-card:hover{border-color:var(--pink);transform:translateY(-2px)}.ach-detail-related-emoji{font-size:1.4rem;flex-shrink:0;margin-top:2px}.ach-detail-related-name{font-size:.85rem;font-weight:600;line-height:1.3;margin-bottom:4px}.ach-detail-related-year{font-size:.75rem;color:var(--muted)}.ach-cat-filter-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 32px;max-width:700px}.ach-cat-filter-link{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;border-radius:100px;background:var(--card);border:1px solid var(--border);font-size:.82rem;font-weight:600;color:var(--text);text-decoration:none;transition:all .2s}.ach-cat-filter-link:hover,.ach-cat-filter-link.active{background:var(--pink);color:#fff;border-color:var(--pink)}@media(max-width:640px){.ach-artist-hero{flex-direction:column;text-align:center}.ach-artist-mini-stats{justify-content:center}.ach-cards-grid,.comm-rankings-grid,.comm-votes-grid,.comm-flash-grid{grid-template-columns:1fr}.comm-bottom-links{grid-template-columns:1fr 1fr}.rank-period-tabs{gap:4px}.rank-period-tab{padding:5px 12px;font-size:.75rem}.ach-detail-related-grid{grid-template-columns:1fr}.ach-detail-desc-card{padding:20px}}.nav-auth{display:flex;align-items:center;gap:8px;margin-left:12px;min-width:72px}.nav-auth-skeleton{width:72px;height:32px;background:var(--card);border-radius:8px;animation:authPulse 1.5s ease-in-out infinite}@keyframes authPulse{0%,to{opacity:1}50%{opacity:.4}}.nav-auth-user{display:flex;align-items:center;gap:6px;position:relative}.nav-auth-link{display:flex;align-items:center}.nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--pink)}.nav-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff}.nav-login-btn{display:inline-flex;align-items:center;padding:6px 14px;background:var(--pink);color:#fff;border-radius:8px;font-size:.82rem;font-weight:700;text-decoration:none;transition:opacity .15s}.nav-login-btn:hover{opacity:.85}.nav-auth-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;min-width:180px;z-index:100;box-shadow:0 8px 24px #0006}.nav-auth-dropdown.open{display:block}.nav-auth-dd-name{font-size:.85rem;font-weight:600;color:var(--text);padding:0 4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-auth-dd-divider{height:1px;background:var(--border);margin:4px 0}.nav-auth-dd-link{display:block;padding:6px 4px;font-size:.82rem;color:var(--text);text-decoration:none;border-radius:6px;transition:background .15s}.nav-auth-dd-link:hover{background:var(--surface)}.nav-signout-btn{display:block;width:100%;text-align:left;background:none;border:none;padding:6px 4px;font-size:.82rem;color:var(--muted);cursor:pointer;border-radius:6px;transition:all .15s;font-family:inherit;margin-top:4px}.nav-signout-btn:hover{color:var(--pink);background:var(--surface)}.auth-page{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 160px);padding:48px 16px 80px}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:40px 36px;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:28px}.auth-logo{font-family:Bebas Neue,sans-serif;font-size:1.4rem;color:var(--pink);margin-bottom:12px}.auth-title{font-size:1.5rem;font-weight:800;margin:0 0 6px}.auth-subtitle{color:var(--muted);font-size:.88rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;border:none;border-radius:10px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.auth-btn:hover{opacity:.88}.auth-btn-google{background:var(--surface);border:1px solid var(--border);color:var(--text)}.auth-btn-google:hover{border-color:#4285f4;background:#4285f414}.auth-btn-discord{background:#5865f2;color:#fff}.auth-btn-discord:hover{background:#4752c4}.auth-error{background:#ff2d2d1a;border:1px solid rgba(255,45,45,.3);border-radius:10px;color:#f55;font-size:.85rem;padding:10px 14px}.auth-footer-link{text-align:center;font-size:.82rem;color:var(--muted);margin-top:20px}.auth-footer-link a{color:var(--pink);font-weight:600;text-decoration:none}.auth-footer-link a:hover{text-decoration:underline}@media(max-width:640px){.auth-card{padding:28px 20px}}.polls-hub{max-width:1100px;margin:0 auto;padding:32px 20px 80px}.polls-hub-header{margin-bottom:36px}.polls-hub-breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:12px}.polls-hub-breadcrumb a{color:var(--muted);text-decoration:none}.polls-hub-breadcrumb a:hover{color:var(--pink)}.polls-hub-breadcrumb span{margin:0 6px}.polls-hub-title{font-size:2rem;font-weight:800;margin:0 0 8px}.polls-hub-sub{color:var(--muted);font-size:.95rem;margin:0}.polls-tabs{display:flex;gap:4px;margin-top:20px;background:var(--surface);border-radius:12px;padding:4px;width:fit-content}.polls-tab{padding:10px 28px;border-radius:10px;border:none;cursor:pointer;font-size:.95rem;font-weight:600;background:transparent;color:var(--muted);transition:all .2s}.polls-tab:hover{color:var(--text)}.polls-tab-active{background:var(--pink);color:#fff}.polls-tab-active:hover{color:#fff}.polls-section{margin-bottom:40px}.polls-section-title{font-size:1.15rem;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}.polls-count{background:var(--surface);color:var(--muted);font-size:.78rem;padding:2px 10px;border-radius:100px;font-weight:600}.polls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.poll-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}.poll-card:hover{border-color:var(--pink);transform:translateY(-2px)}.poll-card-upcoming{opacity:.7}.poll-card-closed{opacity:.6}.poll-card-cover{position:relative;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:100px}.poll-card-emoji{font-size:2rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.poll-card-avatars{display:flex;gap:0;justify-content:center}.poll-card-av{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.9);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;object-fit:cover;box-shadow:0 2px 8px #0003}.poll-card-av:first-child{margin-left:0}img.poll-card-av{padding:0}.poll-card-av-more{background:#0006!important;font-size:.7rem;backdrop-filter:blur(4px)}.poll-card-body{padding:16px 20px 20px;flex:1;display:flex;flex-direction:column}.poll-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.poll-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.72rem;font-weight:800;color:#fff;letter-spacing:.5px}.poll-status{font-size:.75rem;font-weight:600}.poll-status.active{color:#00d4aa}.poll-status.upcoming{color:#ff9f1c}.poll-status.closed{color:var(--muted)}.poll-card-title{font-size:1.1rem;font-weight:700;margin:0 0 6px}.poll-card-desc{font-size:.85rem;color:var(--muted);margin:0 0 12px;line-height:1.4;flex:1}.poll-card-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted)}.poll-page{max-width:800px;margin:0 auto;padding:32px 20px 80px}.poll-header{margin-bottom:28px}.poll-breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:12px}.poll-breadcrumb a{color:var(--muted);text-decoration:none}.poll-breadcrumb a:hover{color:var(--pink)}.poll-breadcrumb span{margin:0 6px}.poll-header-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.poll-title{font-size:1.8rem;font-weight:800;margin:0}.poll-desc{color:var(--muted);font-size:.92rem;margin:0 0 12px}.poll-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--muted);align-items:center}.poll-status-label{font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.poll-status-label.active{color:#00d4aa}.poll-status-label.upcoming{color:#ff9f1c}.poll-status-label.closed{color:var(--muted)}.poll-vote-info{margin-top:12px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:.85rem}.poll-votes-left{color:#00d4aa;font-weight:600}.poll-votes-exhausted{color:#ff9f1c;font-weight:600}.poll-login-cta{color:var(--pink);font-weight:700;text-decoration:none}.poll-login-cta:hover{text-decoration:underline}.poll-candidates{display:flex;flex-direction:column;gap:8px}.poll-loading{text-align:center;color:var(--muted);padding:40px 0}.poll-candidate{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;transition:border-color .15s}.poll-candidate:hover{border-color:#ff2d784d}.poll-rank{min-width:36px;text-align:center;font-size:1rem;font-weight:800;color:var(--muted)}.poll-candidate:nth-child(1) .poll-rank{color:gold;font-size:1.2rem}.poll-candidate:nth-child(2) .poll-rank{color:silver;font-size:1.1rem}.poll-candidate:nth-child(3) .poll-rank{color:#cd7f32;font-size:1.1rem}.poll-cand-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.poll-cand-avatar-initial{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff}.poll-cand-info{flex:1;min-width:0}.poll-cand-name{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poll-cand-group{font-size:.78rem;color:var(--muted)}.poll-cand-score-wrap{display:flex;align-items:center;gap:10px;min-width:160px}.poll-score-bar{flex:1;height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.poll-score-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:3px;transition:width .3s ease}.poll-score-num{font-size:.85rem;font-weight:700;min-width:50px;text-align:right;color:var(--pink)}.poll-vote-btns{display:flex;flex-direction:column;gap:4px}.poll-vote-btn{width:32px;height:24px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .15s}.poll-vote-btn:hover:not(:disabled){border-color:var(--pink);color:var(--pink)}.poll-vote-btn:disabled{opacity:.4;cursor:not-allowed}.poll-upvote.voted{background:#00d4aa26;border-color:#00d4aa;color:#00d4aa}.poll-downvote.voted{background:#ff555526;border-color:#f55;color:#f55}.poll-cand-bias{border-color:#ffd70066;background:#ffd70008}.poll-cand-bias:hover{border-color:#ffd70099}.poll-bias-star{font-size:.75rem;vertical-align:middle;margin-left:2px}.poll-battle .poll-battle-card{padding:24px 20px;text-align:center;flex-direction:column;gap:8px}.poll-battle .poll-rank{font-size:1.4rem}.poll-battle .poll-cand-avatar{width:64px;height:64px;font-size:1.5rem}.poll-battle .poll-cand-name{font-size:1.3rem}.poll-battle .poll-cand-score-wrap{min-width:unset;width:100%}.poll-battle .poll-vote-btns{flex-direction:row;gap:8px;justify-content:center}.poll-battle .poll-vote-btn{width:48px;height:36px;font-size:.9rem}.poll-reactions{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.poll-reaction-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border);border-radius:100px;background:var(--surface);cursor:pointer;transition:all .15s;font-size:1rem}.poll-reaction-btn:hover{border-color:var(--pink);background:#ff2d780d;transform:scale(1.05)}.poll-reaction-active{border-color:var(--pink);background:#ff2d781a}.poll-reaction-count{font-size:.75rem;font-weight:700;color:var(--muted);min-width:8px}.poll-reaction-active .poll-reaction-count{color:var(--pink)}.poll-comments-section{margin-top:40px;border-top:1px solid var(--border);padding-top:28px}.poll-comments-title{font-size:1.15rem;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}.poll-comments-count{font-size:.78rem;font-weight:600;color:var(--muted);background:var(--surface);padding:2px 10px;border-radius:100px}.poll-comment-form{margin-bottom:24px}.poll-comment-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:.9rem;font-family:inherit;resize:vertical;min-height:72px;outline:none;box-sizing:border-box}.poll-comment-input:focus{border-color:var(--pink)}.poll-comment-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.poll-comment-char-count{font-size:.75rem;color:var(--muted)}.poll-comment-submit{padding:8px 20px;background:var(--pink);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer;transition:opacity .15s}.poll-comment-submit:hover{opacity:.9}.poll-comment-submit:disabled{opacity:.5;cursor:not-allowed}.poll-comment-login{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:.88rem;color:var(--muted);margin-bottom:20px;text-align:center}.poll-comment-login a{color:var(--pink);font-weight:700;text-decoration:none}.poll-comment-login a:hover{text-decoration:underline}.poll-comments-list{display:flex;flex-direction:column;gap:12px}.poll-comment-empty{text-align:center;color:var(--muted);font-size:.88rem;padding:24px 0}.poll-comment{display:flex;gap:10px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:12px}.poll-comment-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--surface);display:flex;align-items:center;justify-content:center}.poll-comment-avatar img{width:100%;height:100%;object-fit:cover}.poll-comment-avatar span{font-size:.85rem;font-weight:700;color:var(--muted)}.poll-comment-body{flex:1;min-width:0}.poll-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.poll-comment-author{font-size:.85rem;font-weight:700}.poll-comment-time{font-size:.72rem;color:var(--muted)}.poll-comment-delete{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.75rem;padding:0 4px;margin-left:auto;opacity:.5}.poll-comment-delete:hover{opacity:1;color:#f55}.poll-comment-text{font-size:.88rem;line-height:1.5;color:var(--text);word-break:break-word}.poll-related{margin-top:40px;border-top:1px solid var(--border);padding-top:28px}.poll-related-section{margin-bottom:20px}.poll-related-label{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.poll-related-links{display:flex;flex-wrap:wrap;gap:8px}.poll-related-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:.82rem;font-weight:600;color:var(--text);text-decoration:none;transition:all .15s}.poll-related-link:hover{border-color:var(--pink);color:var(--pink)}.poll-related-back{display:flex;gap:12px;margin-top:24px;justify-content:center}.poll-related-back a{padding:10px 20px;border:1px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none;font-size:.85rem;font-weight:600;transition:all .15s}.poll-related-back a:hover{border-color:var(--pink);color:var(--pink)}.widget-label.pink{color:var(--pink)}.bias-polls-grid-inner{display:flex;flex-direction:column;gap:10px;margin-top:12px}.bias-polls-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--overlay-xs);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);transition:all .15s}.bias-polls-card:hover{border-color:var(--pink);transform:translateY(-1px)}.bias-polls-badge{display:inline-block;width:fit-content;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:800;color:#fff;letter-spacing:.5px}.bias-polls-title{font-size:.85rem;font-weight:700}.bias-polls-count{font-size:.72rem;color:var(--muted)}@media(max-width:640px){.polls-grid{grid-template-columns:1fr}.poll-title{font-size:1.4rem}.poll-cand-score-wrap{min-width:100px}.poll-candidate{padding:12px;gap:8px}.poll-score-num{font-size:.78rem;min-width:40px}.poll-reactions{gap:6px}.poll-reaction-btn{padding:5px 10px;font-size:.9rem}}.settings-page{max-width:640px;margin:0 auto;padding:32px 20px 80px}.settings-loading{text-align:center;padding:80px 20px;color:var(--muted)}.settings-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.settings-login-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 20px;gap:12px}.settings-login-icon{font-size:3rem;margin-bottom:8px}.settings-login-prompt h1{font-size:1.5rem;font-weight:800;margin:0}.settings-login-prompt p{color:var(--muted);font-size:.92rem;margin:0;max-width:400px}.settings-login-btn{display:inline-block;padding:12px 32px;background:var(--pink);color:#fff;border-radius:10px;font-weight:700;text-decoration:none;margin-top:8px;transition:opacity .15s}.settings-login-btn:hover{opacity:.9}.settings-header{margin-bottom:28px}.settings-breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:12px}.settings-breadcrumb a{color:var(--muted);text-decoration:none}.settings-breadcrumb a:hover{color:var(--pink)}.settings-breadcrumb span{margin:0 6px}.settings-title{font-size:1.8rem;font-weight:800;margin:0}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:16px}.settings-card-danger{border-color:#ff55554d}.settings-card-title{font-size:1rem;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}.settings-card-subtitle{font-size:.78rem;font-weight:500;color:var(--muted)}.settings-profile-row{display:flex;align-items:center;gap:16px}.settings-avatar-wrap{position:relative;width:64px;height:64px;flex-shrink:0}.settings-avatar{width:64px;height:64px}.settings-avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover}.settings-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:var(--pink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.settings-avatar-edit-btn{position:absolute;bottom:0;right:0;width:22px;height:22px;border-radius:50%;background:var(--pink);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--black);transition:background .2s}.settings-avatar-edit-btn:hover{background:var(--purple)}.settings-profile-info{flex:1;min-width:0}.settings-name-row{display:flex;align-items:center;gap:6px}.settings-profile-name{font-size:1.1rem;font-weight:700}.settings-edit-icon-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--muted);font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;line-height:1.4;transition:color .2s,border-color .2s;flex-shrink:0}.settings-edit-icon-btn:hover{color:var(--text);border-color:var(--pink)}.settings-username-edit-row{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.settings-username-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:4px 10px;font-size:.9rem;width:140px;outline:none}.settings-username-input:focus{border-color:var(--pink)}.settings-save-username-btn{background:var(--pink);color:#fff;border:none;border-radius:8px;padding:4px 12px;font-size:.82rem;font-weight:600;cursor:pointer}.settings-save-username-btn:hover{opacity:.85}.settings-cancel-username-btn{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:.82rem;cursor:pointer}.settings-cancel-username-btn:hover{color:var(--text)}.settings-profile-email{font-size:.82rem;color:var(--muted);margin-top:2px}.settings-profile-provider{margin-top:6px}.settings-provider-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:100px;background:#9b5de526;color:var(--purple)}.settings-profile-joined{font-size:.78rem;color:var(--muted);margin-top:4px}.settings-bias-display{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.settings-bias-empty{color:var(--muted);font-size:.88rem;grid-column:1 / -1}.bias-pc{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:2px solid var(--pc-accent, var(--border));background:var(--surface);transition:all .25s;cursor:default}.bias-pc:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0006,0 0 0 1px var(--pc-accent)}.bias-pc-img{width:100%;height:100%;object-fit:cover;display:block}.bias-pc-letter{display:flex;align-items:center;justify-content:center}.bias-pc-letter span{font-size:2.2rem;font-weight:800;color:#fff;opacity:.8}.bias-pc-info{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 10px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);text-align:center}.bias-pc-name{font-size:.88rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);line-height:1.2}.bias-pc-group{font-size:.68rem;color:var(--muted);text-shadow:0 1px 3px rgba(0,0,0,.5)}.settings-edit-bias-btn{width:100%;padding:10px;border:1px dashed var(--border);border-radius:10px;background:transparent;color:var(--pink);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s}.settings-edit-bias-btn:hover{background:#ff2d780d;border-color:var(--pink)}.settings-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.settings-stat{text-align:center;padding:12px;background:var(--surface);border-radius:10px}.settings-stat-num{font-size:1.5rem;font-weight:800;color:var(--pink)}.settings-stat-label{font-size:.75rem;color:var(--muted);margin-top:4px}.settings-signout-btn{padding:10px 24px;border:1px solid rgba(255,85,85,.4);border-radius:10px;background:transparent;color:#f55;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s}.settings-signout-btn:hover{background:#ff55551a}.bias-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.bias-modal-backdrop{position:absolute;inset:0;background:#000000bf;backdrop-filter:blur(8px)}.bias-modal-content{position:relative;width:100%;max-width:900px;max-height:90vh;background:var(--black);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.bias-modal-header{display:flex;align-items:center;padding:20px 24px 14px;gap:12px;border-bottom:1px solid var(--border)}.bias-modal-title{font-size:1.15rem;font-weight:800;margin:0;flex:1}.bias-modal-count{font-size:.8rem;font-weight:700;color:var(--pink);background:#ff2d781f;padding:5px 14px;border-radius:100px}.bias-modal-close{width:32px;height:32px;border:none;background:var(--surface);color:var(--muted);border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.bias-modal-close:hover{background:var(--border);color:var(--text)}.bias-search{margin:16px 24px 12px;padding:11px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:.9rem;outline:none;transition:border-color .15s}.bias-search:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff2d781a}.bias-selected-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 14px}.bias-selected-chip{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:#ff2d781a;border:1px solid rgba(255,45,120,.3);border-radius:100px;font-size:.82rem;font-weight:600;color:var(--pink);animation:biasChipIn .2s ease}.bias-chip-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.bias-chip-avatar img{width:100%;height:100%;object-fit:cover}.bias-chip-remove{background:none;border:none;color:var(--pink);cursor:pointer;font-size:1rem;padding:0 2px;opacity:.6}.bias-chip-remove:hover{opacity:1}@keyframes biasChipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.bias-modal-body{flex:1;overflow-y:auto;min-height:0;padding-bottom:8px}.bias-modal-section{padding:0 24px 16px}.bias-modal-section-title{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.bias-popular-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.bias-popular-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:all .2s;text-align:center;position:relative}.bias-popular-card:hover:not(:disabled){border-color:var(--pink);background:#ff2d780f;transform:translateY(-2px);box-shadow:0 4px 16px #ff2d781a}.bias-popular-card:disabled{opacity:.45;cursor:default}.bias-popular-card.bias-idol-selected{border-color:var(--pink);background:#ff2d781a;box-shadow:0 0 0 2px #ff2d7833}.bias-pop-img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border);transition:border-color .2s}.bias-popular-card:hover .bias-pop-img,.bias-popular-card.bias-idol-selected .bias-pop-img{border-color:var(--pink)}.bias-pop-img-letter{display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff}.bias-pop-name{font-size:.78rem;font-weight:700;color:var(--text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bias-pop-group{font-size:.65rem;color:var(--muted);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bias-popular-card .bias-chip-check{position:absolute;top:4px;right:6px;font-size:.7rem;color:var(--pink)}.bias-idol-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.bias-idol-chip{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;transition:all .15s;font-size:.82rem;text-align:left}.bias-idol-chip:hover:not(:disabled){border-color:var(--pink);background:#ff2d780d}.bias-idol-chip:disabled{opacity:.45;cursor:default}.bias-idol-selected{border-color:var(--pink);background:#ff2d7814}.bias-idol-chip .bias-chip-avatar{width:28px;height:28px;border-radius:50%;font-size:.7rem}.bias-chip-name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bias-chip-group{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto;flex-shrink:0}.bias-chip-check{color:var(--pink);font-weight:700;margin-left:2px;flex-shrink:0}.bias-more-hint{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:.78rem;padding:10px 0}.bias-modal-footer{padding:16px 24px;border-top:1px solid var(--border)}.bias-save-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .2s}.bias-save-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px #ff2d784d}.bias-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:640px){.settings-bias-display{grid-template-columns:1fr 1fr}.settings-stats-row{grid-template-columns:repeat(2,1fr);gap:8px}.settings-stat-num{font-size:1.2rem}.bias-modal{padding:0}.bias-modal-content{max-height:95vh;border-radius:16px 16px 0 0;align-self:flex-end;max-width:100%}.bias-popular-grid,.bias-idol-grid{grid-template-columns:repeat(3,1fr)}.bias-pop-img{width:60px;height:60px}}.rankings-hub{max-width:1100px;margin:0 auto;padding:48px 20px 80px}.rankings-hub-hero{text-align:center;margin-bottom:48px}.rankings-hub-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:20px}.rankings-hub-breadcrumb a{color:var(--muted);text-decoration:none}.rankings-hub-breadcrumb a:hover{color:var(--pink)}.rankings-hub-breadcrumb span{margin:0 6px;opacity:.5}.rankings-hub-badge{display:inline-flex;align-items:center;gap:8px;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:100px;padding:6px 18px;font-size:12px;font-weight:700;color:#4ecdc4;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.rankings-hub-badge-dot{width:8px;height:8px;background:#4ecdc4;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.rankings-hub-title{font-family:Bebas Neue,sans-serif;font-size:clamp(48px,10vw,80px);letter-spacing:4px;line-height:.95;margin-bottom:16px}.rankings-hub-title-accent{color:#4ecdc4}.rankings-hub-sub{color:var(--muted);font-size:16px;line-height:1.6;max-width:600px;margin:0 auto 24px}.rankings-hub-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:8px}.rankings-hub-stat{text-align:center}.rankings-hub-stat-num{font-family:Bebas Neue,sans-serif;font-size:28px;color:#4ecdc4;letter-spacing:1px}.rankings-hub-stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.rankings-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.rankings-hub-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.rankings-hub-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.rankings-hub-card-cover{position:relative;padding:24px 20px;display:flex;flex-direction:column;align-items:center;min-height:80px}.rankings-hub-card-emoji{font-size:36px}.rankings-hub-card-perm-badge{position:absolute;top:12px;right:12px;background:#0000004d;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:100px}.rankings-hub-card-body{padding:20px}.rankings-hub-card-title{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1px;margin-bottom:8px}.rankings-hub-card-desc{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rankings-hub-card-preview{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.rankings-hub-card-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.rankings-hub-card-rank{width:24px;text-align:center;font-size:14px}.rankings-hub-card-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.rankings-hub-card-name{font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankings-hub-card-group{color:var(--muted);font-size:12px;flex-shrink:0}.rankings-hub-card-more{text-align:center;font-size:12px;color:var(--muted);padding:4px 0}.rankings-hub-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.rankings-hub-card-cta{color:#4ecdc4;font-weight:600}.rankings-hub-info{text-align:center;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:24px}.rankings-hub-nav{display:flex;justify-content:center;gap:12px}.comm-rank-group{color:var(--muted);font-size:12px;margin-left:auto}@media(max-width:640px){.rankings-hub-grid{grid-template-columns:1fr}.rankings-hub-stats{gap:20px}.rankings-hub-title{letter-spacing:2px}}.settings-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.badge-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);transition:transform .15s}.badge-chip-earned{border-color:#ffd7004d;background:#ffd7000d}.badge-chip-earned:hover{transform:translateY(-2px)}.badge-chip-locked{opacity:.45}.badge-chip-icon{font-size:24px;flex-shrink:0;width:32px;text-align:center}.badge-chip-info{display:flex;flex-direction:column;min-width:0}.badge-chip-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-chip-desc{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-level-progress{margin-top:16px}.settings-level-bar{height:6px;background:var(--overlay-md);border-radius:3px;overflow:hidden}.settings-level-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#9b5de5);border-radius:3px;transition:width .6s ease}.settings-level-info{font-size:12px;color:var(--muted);margin-top:6px;text-align:center}.leaderboard-lvl-badge,.poll-level-bonus{display:inline-block;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.lvl-1{background:#96969633;color:var(--muted)}.lvl-2{background:#4ecdc426;color:#4ecdc4}.lvl-3{background:#9b5de526;color:#c084fc}.lvl-4{background:#ff9f1c26;color:#ff9f1c}.lvl-5{background:#ff2d7826;color:#ff2d78}.lvl-6{background:#ffd70026;color:gold}.lvl-7{background:linear-gradient(135deg,#ffd70033,#ff2d7833);color:gold}.poll-level-bonus{font-size:11px;color:#4ecdc4;margin-left:4px}.leaderboard-page{max-width:1000px;margin:0 auto;padding:48px 20px 80px}.lb-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.lb-tab{padding:10px 24px;border-radius:100px;font-size:14px;font-weight:700;background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .2s}.lb-tab:hover{border-color:var(--pink);color:var(--text)}.lb-tab-active{background:var(--pink);border-color:var(--pink);color:#fff}.lb-tab-active:hover{color:#fff}.lb-tab-panel{animation:fadeIn .2s ease}.leaderboard-header{text-align:center;margin-bottom:36px}.leaderboard-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:20px}.leaderboard-breadcrumb a{color:var(--muted);text-decoration:none}.leaderboard-breadcrumb a:hover{color:var(--pink)}.leaderboard-breadcrumb span{margin:0 6px;opacity:.5}.leaderboard-badge{display:inline-flex;align-items:center;gap:8px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:100px;padding:6px 18px;font-size:12px;font-weight:700;color:gold;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.leaderboard-badge-dot{width:8px;height:8px;background:gold;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.leaderboard-title{font-family:Bebas Neue,sans-serif;font-size:clamp(48px,10vw,72px);letter-spacing:4px;line-height:.95;margin-bottom:12px}.leaderboard-title-accent{color:gold}.leaderboard-sub{color:var(--muted);font-size:15px;max-width:500px;margin:0 auto}.leaderboard-levels{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:12px}.leaderboard-level-row{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;white-space:nowrap}.leaderboard-lvl-req{color:var(--muted);font-size:11px;margin-left:2px}.leaderboard-loading{text-align:center;padding:60px 20px;color:var(--muted)}.leaderboard-table{display:flex;flex-direction:column;gap:4px}.lb-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;transition:transform .15s}.lb-row:hover{transform:translate(4px)}.lb-row-top{border-color:#ffd70033;background:#ffd70008}.lb-rank{width:36px;text-align:center;font-weight:700;font-size:14px;flex-shrink:0}.lb-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover}.lb-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#9b5de533;color:#c084fc;font-weight:700;font-size:14px}.lb-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.lb-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-level-name{font-size:11px;color:var(--muted);display:none}.lb-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.lb-votes{font-weight:700;font-size:13px;color:#4ecdc4}.lb-badges{font-size:11px;color:var(--muted)}.leaderboard-empty{text-align:center;padding:60px 20px;color:var(--muted)}.leaderboard-empty a{color:var(--pink)}.leaderboard-nav{display:flex;justify-content:center;gap:12px;margin-top:40px}@media(min-width:640px){.lb-level-name{display:inline}}@media(max-width:640px){.leaderboard-levels{flex-direction:column;gap:4px}.leaderboard-title{letter-spacing:2px}.lb-row{padding:10px 12px;gap:8px}.settings-badges-grid{grid-template-columns:1fr}}.poll-closed-banner{text-align:center;padding:32px 20px;margin-bottom:24px;background:linear-gradient(135deg,#ffd70014,#9b5de514);border:1px solid rgba(255,215,0,.2);border-radius:var(--radius)}.poll-closed-trophy{font-size:3rem;margin-bottom:8px}.poll-closed-heading{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:2px;color:gold;margin:0}.poll-closed-date{color:var(--muted);font-size:.85rem;margin-top:4px}.poll-closed-stats{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:16px}.poll-closed-stat{text-align:center}.poll-closed-stat-num{font-size:1.3rem;font-weight:900;font-family:Bebas Neue,sans-serif;color:var(--text)}.poll-closed-stat-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.poll-candidate.poll-medal-gold{border-left:3px solid #ffd700;background:#ffd7000d}.poll-candidate.poll-medal-silver{border-left:3px solid #c0c0c0;background:#c0c0c00d}.poll-candidate.poll-medal-bronze{border-left:3px solid #cd7f32;background:#cd7f320d}.poll-suggest-section{margin:32px 0;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.poll-suggest-title{font-size:1rem;font-weight:700;margin:0 0 14px}.poll-suggest-title span{color:var(--purple)}.poll-suggest-form{display:flex;flex-direction:column;gap:10px}.poll-suggest-input,.poll-suggest-textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-family:inherit;font-size:.85rem;resize:vertical}.poll-suggest-input:focus,.poll-suggest-textarea:focus{border-color:var(--purple);outline:none}.poll-suggest-footer{display:flex;justify-content:space-between;align-items:center}.poll-suggest-submit{background:var(--purple);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit}.poll-suggest-submit:hover{opacity:.85}.poll-suggest-submit:disabled{opacity:.5;cursor:not-allowed}.poll-suggest-count{font-size:.78rem;color:var(--muted)}.poll-suggest-login{font-size:.85rem;color:var(--muted)}.poll-suggest-login a{color:var(--pink);text-decoration:underline}.poll-suggest-msg{font-size:.82rem;margin-top:8px}.discussions-page{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.disc-header{margin-bottom:24px}.disc-breadcrumb{font-size:.78rem;color:var(--muted);margin-bottom:16px}.disc-breadcrumb a{color:var(--muted);text-decoration:none}.disc-breadcrumb a:hover{color:var(--text)}.disc-breadcrumb span{margin:0 6px}.disc-header-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.disc-main-title{font-family:Bebas Neue,sans-serif;font-size:36px;letter-spacing:2px;margin:0}.disc-main-sub{color:var(--muted);font-size:14px}.btn-new-thread{background:linear-gradient(135deg,var(--pink),var(--purple));border:none;border-radius:10px;padding:10px 20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;margin-left:auto}.disc-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;height:calc(100vh - 220px);min-height:500px}.disc-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow-y:auto;padding:12px}.sidebar-section{margin-bottom:8px}.sidebar-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:8px 12px 6px}.thread-item{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left;transition:background .15s;color:var(--text);font-family:inherit}.thread-item:hover{background:var(--overlay-xs)}.thread-item.active{background:#ff2d7814;border-color:#ff2d7840;color:var(--text)}.thread-icon{font-size:18px;min-width:24px;text-align:center}.thread-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.thread-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-desc,.thread-meta{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-count{font-size:11px;color:var(--text-dim);min-width:28px;text-align:right}.disc-feed{background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.feed-header{padding:16px 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.feed-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.feed-title-row h2{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1px;margin:0}.live-badge{font-size:11px;font-weight:700;color:var(--pink);letter-spacing:1px;animation:pulse 2s infinite}.feed-header p{font-size:13px;color:var(--muted);margin:0}.messages-container{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.message{display:flex;gap:10px;animation:fadeIn .2s ease}.msg-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--border)}.msg-body{flex:1}.msg-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.msg-username{font-size:13px;font-weight:600;color:var(--pink)}.msg-time{font-size:11px;color:var(--text-dim)}.msg-content{font-size:14px;color:var(--text);line-height:1.5;margin:0;word-break:break-word}.empty-thread,.loading-msgs{text-align:center;color:var(--muted);font-size:14px;padding:40px;margin:auto}.message-input-area{padding:12px 20px;border-top:1px solid var(--border);flex-shrink:0}.disc-login-prompt{text-align:center;padding:12px;font-size:14px;color:var(--muted)}.disc-login-prompt a{color:var(--pink);text-decoration:none;font-weight:500}.message-form{display:flex;gap:10px;align-items:flex-end}.input-row{flex:1;display:flex;gap:8px;align-items:flex-end}.message-form textarea{flex:1;background:var(--black);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-family:inherit;font-size:14px;resize:none;outline:none;transition:border-color .2s}.message-form textarea:focus{border-color:var(--pink)}.btn-send{background:linear-gradient(135deg,var(--pink),var(--purple));border:none;border-radius:10px;padding:10px 18px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-send:disabled{opacity:.5;cursor:default}.disc-bottom-nav{display:flex;justify-content:center;gap:12px;margin-top:24px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:480px;padding:28px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1px;margin:0}.modal-close{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer}.modal-body label{display:block;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;margin-top:16px}.modal-body input,.modal-body textarea{width:100%;background:var(--black);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-family:inherit;font-size:14px;outline:none;resize:none;box-sizing:border-box}.modal-body input:focus,.modal-body textarea:focus{border-color:var(--pink)}.category-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.pill{background:var(--black);border:1px solid var(--border);border-radius:100px;padding:6px 14px;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.pill.active{background:#ff2d7826;border-color:var(--pink);color:var(--pink)}.btn-primary{width:100%;background:linear-gradient(135deg,var(--pink),var(--purple));border:none;border-radius:12px;padding:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fotm-page{max-width:1000px;margin:0 auto;padding:48px 20px 80px}.fotm-breadcrumb{font-size:.78rem;color:var(--muted);margin-bottom:20px}.fotm-breadcrumb a{color:var(--muted);text-decoration:none}.fotm-breadcrumb a:hover{color:var(--text)}.fotm-breadcrumb span{margin:0 6px}.fotm-title{font-family:Bebas Neue,sans-serif;font-size:clamp(36px,8vw,56px);letter-spacing:3px;margin:0 0 8px}.fotm-title-accent{background:linear-gradient(135deg,gold,#ff9f1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fotm-sub{color:var(--muted);font-size:.95rem;margin-bottom:32px}.fotm-month-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}.fotm-month-btn{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 14px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.85rem}.fotm-month-btn:hover{border-color:var(--pink)}.fotm-month-label{font-weight:700;font-size:1.1rem;min-width:160px;text-align:center}.fotm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:40px}.fotm-group-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.fotm-group-name{font-weight:800;font-size:1rem;margin-bottom:4px}.fotm-group-votes{font-size:.75rem;color:var(--muted);margin-bottom:14px}.fotm-fan{display:flex;align-items:center;gap:10px;padding:8px 0}.fotm-fan-rank{font-size:1.1rem;width:28px;text-align:center;flex-shrink:0}.fotm-fan-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface)}.fotm-fan-initial{display:flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;font-weight:700;font-size:.8rem}.fotm-fan-name{font-weight:600;font-size:.85rem;flex:1}.fotm-fan-votes{font-size:.78rem;color:var(--muted)}.fotm-no-fans{font-size:.82rem;color:var(--muted);padding:8px 0}.fotm-empty{text-align:center;color:var(--muted);padding:48px 20px}.fotm-loading{text-align:center;color:var(--muted);padding:32px 20px}.fotm-nav{display:flex;justify-content:center;gap:12px}.nav-notif-bell{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text);cursor:pointer;padding:6px;border-radius:8px;transition:background .15s;margin-right:4px}.nav-notif-bell:hover{background:var(--overlay-md)}.nav-notif-badge{position:absolute;top:-2px;right:-2px;background:var(--pink);color:#fff;font-size:.58rem;font-weight:700;min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.nav-notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;width:320px;max-height:400px;overflow-y:auto;z-index:101;box-shadow:0 12px 32px #00000080}.nav-notif-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:700}.nav-notif-mark-read{background:none;border:none;color:var(--pink);font-size:.72rem;cursor:pointer;font-family:inherit}.nav-notif-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text)}.nav-notif-item:hover{background:var(--surface)}.nav-notif-item.unread{background:#ff2d780a}.nav-notif-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.nav-notif-content{flex:1;min-width:0}.nav-notif-title{font-size:.82rem;font-weight:600;margin-bottom:2px}.nav-notif-body{font-size:.75rem;color:var(--muted);line-height:1.4}.nav-notif-time{font-size:.65rem;color:var(--muted);margin-top:4px}.nav-notif-empty,.nav-notif-loading{padding:24px;text-align:center;color:var(--muted);font-size:.82rem}.result-related{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.result-related-title{font-size:.85rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;text-align:center}.result-related-grid{display:flex;flex-direction:column;gap:8px}.result-related-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.result-related-card:hover{border-color:var(--pink);background:#ff2d780a}.rr-diff{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;flex-shrink:0}.rr-diff.easy{background:#22d3ee1f;color:#22d3ee}.rr-diff.medium{background:#ff2d781f;color:var(--pink)}.rr-diff.hard{background:#9b5de51f;color:var(--purple)}.rr-title{flex:1;font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-arrow{color:var(--pink);font-weight:700;flex-shrink:0}.result-related-hub{display:block;text-align:center;margin-top:12px;font-size:.82rem;color:var(--pink);text-decoration:none;font-weight:600}.result-related-hub:hover{text-decoration:underline}.game-explore{max-width:600px;margin:40px auto 0;padding:0 16px 80px}.game-explore-title{font-size:1.1rem;font-weight:800;margin-bottom:16px;text-align:center}.game-explore-title span{color:var(--pink)}.game-explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-explore-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .15s;text-align:center}.game-explore-card:hover{border-color:var(--pink)}.game-explore-emoji{font-size:1.6rem}.game-explore-label{font-size:.82rem;font-weight:600}.game-explore-sub{font-size:.7rem;color:var(--muted)}@media(max-width:768px){.disc-layout{grid-template-columns:1fr;height:auto}.disc-sidebar{height:auto;max-height:180px;overflow-x:auto;overflow-y:hidden;display:flex;gap:8px;flex-direction:row;align-items:flex-start;padding:10px}.sidebar-section{display:flex;flex-direction:row;gap:6px;flex-shrink:0}.sidebar-label{display:none}.thread-item{flex-direction:column;align-items:center;text-align:center;min-width:80px;padding:8px}.thread-desc,.thread-count,.thread-meta{display:none}.disc-feed{height:500px}}@media(max-width:640px){.fotm-grid{grid-template-columns:1fr}.nav-notif-dropdown{width:280px;right:-20px}.poll-closed-stats{gap:16px}.game-explore-grid{grid-template-columns:1fr}}.cq-breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:24px}.cq-breadcrumb a{color:var(--muted);text-decoration:none}.cq-breadcrumb a:hover{color:var(--pink)}.cq-breadcrumb span{margin:0 6px;opacity:.4}.cq-hero{text-align:center;margin-bottom:40px}.cq-hero-emoji{font-size:3rem;margin-bottom:12px}.cq-hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.2rem,6vw,3.5rem);letter-spacing:2px;margin-bottom:8px}.cq-hero-sub{color:var(--muted);font-size:1rem;margin-bottom:20px}.cq-hero-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-weight:600;font-size:.95rem;border-radius:12px;text-decoration:none;transition:transform .15s,box-shadow .15s}.cq-hero-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ff2d784d}.cq-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.cq-tabs{display:flex;gap:4px}.cq-tab{padding:8px 18px;border-radius:10px;font-size:.85rem;font-weight:600;background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .15s}.cq-tab:hover{color:var(--text);border-color:var(--border)}.cq-tab.active{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-color:transparent}.cq-group-select{padding:8px 14px;border-radius:10px;font-size:.85rem;background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer}.cq-group-select:focus{outline:none;border-color:var(--pink)}.cq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cq-loading{text-align:center;padding:60px 20px;color:var(--muted)}.cq-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.cq-empty{text-align:center;padding:60px 20px;color:var(--muted)}.cq-empty-icon{font-size:3rem;margin-bottom:12px}.cq-empty h3{font-size:1.2rem;margin-bottom:8px;color:var(--text)}.cq-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:0;overflow:hidden;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s,box-shadow .15s}.cq-card:hover{border-color:#ff2d784d;transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.cq-cover{height:90px;position:relative;overflow:hidden;background:linear-gradient(135deg,#ff2d78,#9b5de5);flex-shrink:0}.cq-cover img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:brightness(.65) saturate(1.1);transition:transform .3s ease,filter .3s ease}.cq-card:hover .cq-cover img{transform:scale(1.05);filter:brightness(.75) saturate(1.2)}.cq-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05) 0%,transparent 45%,rgba(10,10,15,.55) 100%);pointer-events:none}.cq-community-badge{position:absolute;top:8px;left:8px;background:#0a0a0fb8;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:2px 8px;font-size:9px;font-weight:700;color:#ffffffd9}.cq-group-chip{position:absolute;top:8px;right:8px;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--pink);background:#0a0a0fb8;backdrop-filter:blur(8px);border:1px solid rgba(255,45,120,.3);border-radius:100px;padding:2px 8px}.cq-diff-chip{position:absolute;bottom:8px;left:8px;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;border-radius:100px;padding:2px 8px;backdrop-filter:blur(8px);border:1px solid transparent}.cq-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1;gap:0}.cq-card-title{font-size:13px;font-weight:700;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cq-card-desc{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cq-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-dim)}.cq-card-stats{display:flex;gap:10px;font-size:11px;color:var(--muted)}.cq-card-play{font-size:11px;font-weight:700;color:var(--pink)}.qb-wrap{max-width:720px;margin:0 auto;padding:32px 20px 80px;position:relative;z-index:1}.qb-section{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:20px}.qb-section-title{font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:1px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--overlay-sm)}.qb-field{margin-bottom:16px}.qb-field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--text)}.qb-input,.qb-select,.qb-textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .15s}.qb-input:focus,.qb-select:focus,.qb-textarea:focus{outline:none;border-color:var(--pink)}.qb-textarea{resize:vertical;min-height:70px}.qb-field-hint{font-size:.75rem;color:var(--muted);margin-top:4px;text-align:right}.qb-radio-group{display:flex;gap:8px}.qb-radio-label{cursor:pointer}.qb-radio-label input[type=radio]{display:none}.qb-radio-chip{display:inline-block;padding:6px 18px;border-radius:10px;font-size:.85rem;font-weight:600;border:1.5px solid var(--border);background:var(--surface);color:var(--muted);transition:all .15s}.qb-radio-label input[type=radio]:checked+.qb-radio-easy{background:#00d4aa26;border-color:#00d4aa;color:#00d4aa}.qb-radio-label input[type=radio]:checked+.qb-radio-medium{background:#ff71a026;border-color:#ff71a0;color:#ff71a0}.qb-radio-label input[type=radio]:checked+.qb-radio-hard{background:#9b5de526;border-color:#9b5de5;color:#9b5de5}.qb-question{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 16px;margin-bottom:12px}.qb-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.qb-question-num{font-weight:700;font-size:.85rem;color:var(--pink)}.qb-question-delete{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.qb-question-delete:hover{background:#ff00001a;color:#ff6b6b}.qb-correct-input{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid rgba(0,212,170,.4);background:#00d4aa0d;color:var(--text);font-size:.9rem;font-family:inherit}.qb-correct-input:focus{outline:none;border-color:#00d4aa}.qb-answer-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;font-family:inherit}.qb-answer-input:focus{outline:none;border-color:var(--pink)}.qb-add-btn{padding:10px 20px;border-radius:10px;background:var(--card);border:1.5px dashed var(--border);color:var(--muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s}.qb-add-btn:hover{border-color:var(--pink);color:var(--pink)}.qb-add-btn:disabled{opacity:.4;cursor:not-allowed}.qb-counter{font-size:.82rem;color:var(--muted)}.qb-actions{display:flex;gap:12px;margin-top:8px}.qb-btn-primary{flex:1;padding:14px 24px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.qb-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ff2d784d}.qb-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.qb-btn-secondary{flex:1;padding:14px 24px;border-radius:12px;background:var(--card);border:1px solid var(--border);color:var(--text);font-weight:600;font-size:1rem;cursor:pointer;transition:border-color .15s}.qb-btn-secondary:hover{border-color:var(--border)}.qb-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.qb-status-msg{padding:12px 16px;border-radius:10px;font-size:.9rem;font-weight:500;margin-top:12px}.qb-status-success{background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);color:#00d4aa}.qb-status-error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.qb-status-info{background:#9b5de51a;border:1px solid rgba(155,93,229,.3);color:var(--purple)}.ch-page{max-width:800px;margin:0 auto;padding:32px 20px 80px;position:relative;z-index:1}.ch-breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:24px}.ch-breadcrumb a{color:var(--muted);text-decoration:none}.ch-breadcrumb a:hover{color:var(--pink)}.ch-breadcrumb span{margin:0 6px;opacity:.4}.ch-hero{text-align:center;margin-bottom:32px}.ch-hero-emoji{font-size:3rem;margin-bottom:12px}.ch-hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,3rem);letter-spacing:2px;margin-bottom:8px}.ch-hero-subtitle{color:var(--muted);font-size:1rem;margin-bottom:10px}.ch-hero-info{font-size:.85rem;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 16px;display:inline-block}.ch-loading{text-align:center;padding:60px 20px;color:var(--muted)}.ch-login-prompt{text-align:center;padding:60px 20px;flex-direction:column;align-items:center;gap:12px}.ch-login-icon{font-size:2.5rem;margin-bottom:8px}.ch-tabs{display:flex;gap:4px;margin-bottom:20px}.ch-tab{padding:8px 20px;border-radius:10px;font-size:.88rem;font-weight:600;background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .15s}.ch-tab:hover{color:var(--text)}.ch-tab.active{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-color:transparent}.ch-list{display:flex;flex-direction:column;gap:12px}.ch-empty{text-align:center;padding:48px 20px}.ch-empty-icon{font-size:3rem;margin-bottom:12px}.ch-empty-title{font-size:1.15rem;font-weight:700;margin-bottom:8px}.ch-empty-text{color:var(--muted);font-size:.9rem;margin-bottom:20px}.ch-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.ch-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.ch-card-title{font-weight:700;font-size:1rem;line-height:1.3}.ch-group-badge{padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:600;background:#9b5de526;color:var(--purple);vertical-align:middle;margin-left:6px}.ch-card-status{padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;flex-shrink:0}.ch-status-active{background:#00d4aa26;color:#00d4aa}.ch-status-expired{background:var(--overlay-sm);color:var(--muted)}.ch-card-challenger{font-size:.88rem;color:var(--muted);margin-bottom:12px}.ch-card-scores{display:flex;gap:20px;margin-bottom:10px;flex-wrap:wrap}.ch-score-item{display:flex;flex-direction:column;gap:2px}.ch-score-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.ch-score-value{font-size:.95rem;font-weight:700}.ch-card-meta{font-size:.78rem;color:var(--muted);margin-bottom:10px}.ch-card-actions{display:flex;gap:8px;flex-wrap:wrap}.ch-card-result{padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;flex-shrink:0}.ch-result-win{background:#00d4aa26;color:#00d4aa}.ch-result-lose{background:#ff6b6b26;color:#ff6b6b}.ch-result-tie{background:#ffd70026;color:gold}.ch-bottom-nav{display:flex;gap:12px;justify-content:center;margin-top:32px}.comm-ugc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.comm-ugc-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;background:var(--card);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s;text-align:center}.comm-ugc-card:hover{border-color:#ff2d784d;transform:translateY(-2px)}.comm-ugc-card-accent{border-color:#ff2d7833;background:linear-gradient(135deg,#ff2d780f,#9b5de50f)}.comm-ugc-icon{font-size:2rem}.comm-ugc-label{font-size:.95rem;font-weight:700}.comm-ugc-desc{font-size:.82rem;color:var(--muted)}.settings-my-quizzes{min-height:40px}.up-header{display:flex;align-items:center;gap:20px;margin-bottom:28px}.up-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.up-avatar img{width:100%;height:100%;object-fit:cover}.up-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff2d78,#9b5de5);font-size:2rem;font-weight:700;color:#fff}.up-name{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:1px;margin:0}.up-meta{color:var(--muted);font-size:.85rem;margin-top:4px}.up-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.up-stat{background:var(--card);border-radius:12px;padding:16px 12px;text-align:center}.up-stat-num{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:var(--pink)}.up-stat-label{font-size:.75rem;color:var(--muted);margin-top:2px}.up-section{background:var(--card);border-radius:14px;padding:20px;margin-bottom:16px}.up-section-title{font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:1px;margin:0 0 14px}.up-biases{display:flex;gap:16px;flex-wrap:wrap}.up-bias-card{text-align:center;width:80px}.up-bias-photo{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #ff2d78;margin:0 auto 6px;display:flex;align-items:center;justify-content:center}.up-bias-photo img{width:100%;height:100%;object-fit:cover}.up-bias-name{font-size:.8rem;font-weight:600}.up-bias-group{font-size:.7rem;color:var(--muted)}.up-badges{display:flex;gap:10px;flex-wrap:wrap}.up-badge{display:flex;align-items:center;gap:6px;background:var(--surface);border-radius:100px;padding:6px 14px;font-size:.85rem}.up-badge-icon{font-size:1rem}.up-badge-name{font-weight:500}.up-quiz-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border-radius:10px;margin-bottom:6px;text-decoration:none;color:var(--text);transition:background .15s}.up-quiz-item:hover{background:#ffffff0f}.up-quiz-item-main{flex:1;min-width:0}.up-quiz-item-title{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-quiz-item-meta{font-size:.78rem;color:var(--muted)}.up-quiz-diff{font-size:.7rem;font-weight:700;padding:2px 10px;border-radius:100px;color:#fff;text-transform:capitalize}.up-challenge-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border-radius:10px;margin-bottom:6px;text-decoration:none;color:var(--text);transition:background .15s}.up-challenge-item:hover{background:#ffffff0f}.up-challenge-item-main{flex:1;min-width:0}.up-challenge-item-title{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-challenge-item-meta{font-size:.78rem;color:var(--muted)}.up-challenge-arrow{color:var(--pink);font-size:.85rem;font-weight:500}.qc-comment{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.qc-comment:last-child{border-bottom:none}.qc-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.qc-comment-user{font-weight:600;font-size:.85rem;color:var(--text);text-decoration:none}.qc-comment-user:hover{color:var(--pink)}.qc-comment-time{font-size:.75rem;color:var(--muted)}.qc-comment-delete{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.qc-comment-delete:hover{color:#f55;background:#ff55551a}.qc-comment-body{font-size:.9rem;line-height:1.5;color:var(--text);padding-left:36px;word-wrap:break-word}.smq-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border-radius:10px;margin-bottom:6px}.smq-info{flex:1;min-width:0;text-decoration:none;color:var(--text)}.smq-info:hover{color:var(--pink)}.smq-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.smq-status{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:100px}.smq-published{color:#00d4aa;background:#00d4aa1a}.smq-draft{color:#ff9f1c;background:#ff9f1c1a}.smq-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .15s;text-decoration:none;background:#ffffff0a;color:var(--muted)}.smq-btn:hover{background:#ffffff1a;color:var(--text)}.smq-delete:hover{background:#ff555526;color:#f55}.qe-setup{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:40px 20px}.qe-setup-card{background:var(--card);border-radius:20px;padding:48px 40px;max-width:460px;width:100%;text-align:center}.qe-setup-emoji{font-size:3rem;margin-bottom:12px}.qe-setup-title{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:1px;margin-bottom:24px}.qe-setup-form{text-align:left}.qe-setup-field{margin-bottom:16px}.qe-banner-zone{position:relative;width:100%;height:110px;border:2px dashed var(--border);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--surface);transition:border-color .2s}.qe-banner-zone:hover{border-color:var(--pink)}.qe-banner-zone.has-image{border-style:solid;border-color:#ff2d7866}.qe-banner-file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:2}.qe-banner-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;pointer-events:none}.qe-banner-preview{position:absolute;inset:0;pointer-events:none}.qe-banner-preview img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:brightness(.6)}.qe-banner-preview-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;opacity:0;transition:opacity .2s}.qe-banner-zone:hover .qe-banner-preview-overlay{opacity:1}.qe-banner-remove{background:none;border:none;font-size:11px;color:var(--muted);cursor:pointer;padding:4px 0;margin-top:4px;transition:color .2s}.qe-banner-remove:hover{color:#ef4444}.qe-setup-field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--muted)}.qe-setup-input,.qe-setup-select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s}.qe-setup-input:focus,.qe-setup-select:focus{border-color:#ff2d78}.qe-setup-start{display:block;width:100%;padding:14px;margin-top:24px;border:none;border-radius:12px;background:linear-gradient(135deg,#ff2d78,#9b5de5);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.qe-setup-start:hover{opacity:.9}.qe-diff-chips{display:flex;gap:8px}.qe-diff-chip{cursor:pointer}.qe-diff-chip input{display:none}.qe-diff-chip span{display:inline-block;padding:8px 20px;border-radius:100px;border:1px solid var(--border);font-size:.85rem;font-weight:500;color:var(--muted);transition:all .15s}.qe-diff-chip input:checked+span{border-color:#ff2d78;color:#fff;background:#ff2d7826}.qe-draft-banner{background:#ff9f1c1a;border:1px solid rgba(255,159,28,.3);border-radius:12px;padding:16px;margin-bottom:20px}.qe-draft-banner p{font-size:.9rem;margin-bottom:10px;color:#ff9f1c;font-weight:500}.qe-draft-actions{display:flex;gap:8px}.qe-draft-resume{flex:1;padding:8px;border:none;border-radius:8px;background:#ff9f1c;color:#000;font-weight:600;font-size:.85rem;cursor:pointer}.qe-draft-discard{flex:1;padding:8px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font-size:.85rem;cursor:pointer}.qe-editor{display:flex;flex-direction:column;min-height:100vh}.qe-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100;flex-wrap:wrap}.qe-header-back{color:var(--muted);font-size:1.2rem;text-decoration:none;padding:4px 8px}.qe-header-back:hover{color:var(--text)}.qe-header-title{flex:1;min-width:160px;padding:6px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.5px;outline:none}.qe-header-title:focus{border-color:#ff2d78;background:#ff2d780a}.qe-header-title::placeholder{color:var(--text-dim)}.qe-header-group{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.8rem;outline:none}.qe-header-group:focus{border-color:#ff2d78}.qe-diff-chips-small .qe-diff-chip span{padding:4px 12px;font-size:.75rem}.qe-header-publish{padding:8px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#ff2d78,#9b5de5);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.qe-header-publish:hover{opacity:.9}.qe-header-publish:disabled{opacity:.5;cursor:not-allowed}.qe-body{display:flex;flex:1;overflow:hidden}.qe-sidebar{width:260px;flex-shrink:0;background:var(--card);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;height:calc(100vh - 56px);position:sticky;top:56px}.qe-sidebar-counter{padding:14px 16px 10px;font-size:.8rem;color:var(--muted);font-weight:500}.qe-sidebar-list{flex:1;overflow-y:auto;padding:0 10px 10px}.qe-sb-card{position:relative;padding:10px 12px;border-radius:10px;border:2px solid transparent;background:var(--surface);margin-bottom:6px;cursor:pointer;transition:all .15s}.qe-sb-card:hover{background:#ffffff0a}.qe-sb-card-active{border-color:#ff2d78}.qe-sb-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.qe-sb-num{font-weight:700;font-size:.75rem;color:var(--muted)}.qe-sb-status{font-size:.7rem;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%}.qe-sb-ok{color:#00d4aa;background:#00d4aa26}.qe-sb-warn{color:#f55;background:#ff555526}.qe-sb-preview{font-size:.78rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.qe-sb-dots{display:flex;gap:4px}.qe-sb-dot{width:14px;height:6px;border-radius:3px}.qe-sb-delete{display:none;position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;font-size:.8rem;padding:2px;opacity:.5}.qe-sb-card:hover .qe-sb-delete{display:block}.qe-sb-delete:hover{opacity:1}.qe-sidebar-add{margin:8px 10px 14px;padding:10px;border:2px dashed var(--border);border-radius:10px;background:transparent;color:var(--muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.qe-sidebar-add:hover{border-color:#ff2d78;color:var(--text)}.qe-sidebar-add:disabled{opacity:.4;cursor:not-allowed}.qe-main{flex:1;overflow-y:auto;padding:24px 32px 60px;height:calc(100vh - 56px)}.qe-q-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.06)}.qe-q-num{font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:.5px;color:var(--muted)}.qe-q-topbar-right{display:flex;align-items:center;gap:12px}.qe-timer-label{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:6px}.qe-timer-select{padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.8rem;outline:none}.qe-q-delete{padding:4px 10px;border:none;border-radius:6px;background:#ff55551a;color:#f55;font-size:.8rem;cursor:pointer}.qe-q-delete:hover{background:#f553}.qe-q-textarea{width:100%;padding:16px 20px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:20px;font-weight:600;font-family:inherit;resize:none;overflow:hidden;outline:none;min-height:64px;transition:border-color .15s}.qe-q-textarea:focus{border-color:#ff2d78}.qe-q-textarea::placeholder{color:#444}.qe-q-charcount{text-align:right;font-size:.72rem;color:var(--muted);margin:4px 4px 16px 0}.qe-img-zone{margin-bottom:20px}.qe-img-empty{border:2px dashed var(--border);border-radius:12px;background:var(--black);padding:28px 20px;text-align:center;cursor:pointer;transition:all .15s}.qe-img-empty:hover,.qe-img-dragover .qe-img-empty{border-color:#ff2d78;background:var(--surface)}.qe-img-empty-icon{font-size:1.5rem;margin-bottom:6px}.qe-img-empty-text{font-size:.9rem;font-weight:500;margin-bottom:4px}.qe-img-empty-hint{font-size:.75rem;color:var(--muted);margin-bottom:12px}.qe-img-upload-btn{padding:6px 18px;border:1px solid #444;border-radius:8px;background:transparent;color:var(--text);font-size:.8rem;cursor:pointer}.qe-img-upload-btn:hover{border-color:#ff2d78}.qe-img-preview{position:relative;border-radius:12px;overflow:hidden;max-height:200px}.qe-img-preview img{width:100%;max-height:200px;object-fit:cover;display:block;cursor:pointer}.qe-img-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.qe-img-remove:hover{background:#ff2d78}.qe-answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.qe-answer-card{border:2px solid;border-radius:14px;padding:14px;cursor:pointer;transition:all .15s;position:relative;display:flex;align-items:center;gap:10px}.qe-answer-card:hover{filter:brightness(1.15)}.qe-answer-correct{filter:brightness(1.2);box-shadow:0 0 16px #ffffff0d}.qe-answer-letter{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;flex-shrink:0}.qe-answer-input{flex:1;border:none;background:transparent;color:var(--text);font-size:.95rem;font-family:inherit;outline:none;padding:4px 0}.qe-answer-input::placeholder{color:#ffffff40}.qe-answer-badge{position:absolute;top:6px;right:10px;font-size:.7rem;font-weight:700;color:#00d4aa;background:#00d4aa1a;padding:2px 8px;border-radius:100px}.qe-suggestions{background:#ff9f1c0d;border:1px solid rgba(255,159,28,.15);border-radius:10px;padding:12px 14px;margin-bottom:16px}.qe-suggest-label{font-size:.8rem;color:#ff9f1c;font-weight:500;display:block;margin-bottom:8px}.qe-suggest-chips{display:flex;flex-wrap:wrap;gap:6px}.qe-suggest-chip{padding:4px 14px;border:1px solid #444;border-radius:100px;background:transparent;color:var(--text);font-size:.8rem;cursor:pointer;transition:all .15s}.qe-suggest-chip:hover{border-color:#ff2d78;background:#ff2d781a}.qe-explanation{margin-top:8px}.qe-explanation-toggle{background:none;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;padding:4px 0}.qe-explanation-toggle:hover{color:var(--text)}.qe-explanation-body{margin-top:8px}.qe-explanation-textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;font-family:inherit;resize:vertical;outline:none;min-height:72px}.qe-explanation-textarea:focus{border-color:#ff2d78}.qe-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);padding:10px 24px;border-radius:10px;font-size:.85rem;font-weight:500;z-index:1000;opacity:0;transition:all .3s ease;pointer-events:none}.qe-toast-show{opacity:1;transform:translate(-50%) translateY(0)}.qe-toast-info{background:var(--card);color:var(--text);border:1px solid var(--border)}.qe-toast-success{background:#0f2010;color:#00d4aa;border:1px solid #00d4aa33}.qe-toast-error{background:#2a1010;color:#f55;border:1px solid #ff555533}@media(max-width:640px){.cq-filters{flex-direction:column;align-items:stretch}.cq-grid{grid-template-columns:1fr}.qb-actions{flex-direction:column}.ch-card-scores{gap:12px}.comm-ugc-grid{grid-template-columns:1fr}.up-header{flex-direction:column;text-align:center}.up-stats{grid-template-columns:repeat(2,1fr)}.up-biases{justify-content:center}.qe-body{flex-direction:column}.qe-sidebar{width:100%;height:auto;position:relative;top:0;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);max-height:200px;overflow-y:auto}.qe-sidebar-counter{width:100%;padding:10px 14px 4px}.qe-sidebar-list{display:flex;gap:6px;padding:6px 10px;overflow-x:auto;overflow-y:hidden}.qe-sb-card{min-width:120px;flex-shrink:0}.qe-sidebar-add{margin:6px 10px;white-space:nowrap}.qe-main{padding:16px 16px 60px;height:auto}.qe-answers-grid{grid-template-columns:1fr}.qe-header{gap:6px;padding:8px 12px}.qe-header-title{min-width:120px;font-size:16px}.qe-diff-chips-small{display:none}}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px}.friends-count-pill{background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:2px 9px;font-size:12px;font-weight:700;color:var(--muted);font-family:DM Sans,sans-serif;letter-spacing:0}.friend-search-wrap{position:relative}.friend-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:13px;pointer-events:none;z-index:1}.friend-search-input{width:100%;padding:9px 12px 9px 34px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text);outline:none;transition:border-color .2s;box-sizing:border-box}.friend-search-input:focus{border-color:var(--pink)}.friend-search-input::placeholder{color:var(--muted)}.friend-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);z-index:50;overflow:hidden;display:none}.friend-search-dropdown.open{display:block}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:default;transition:background .15s;border-bottom:1px solid var(--border)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--surface)}.drop-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}.drop-info{flex:1}.drop-name{font-size:13px;font-weight:700;color:var(--text)}.drop-meta{font-size:11px;color:var(--muted)}.btn-add-drop{padding:5px 12px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;border:none;white-space:nowrap;transition:opacity .2s}.btn-add-drop.add{background:var(--pink);color:#fff}.btn-add-drop.add:hover{opacity:.85}.btn-add-drop.sent{background:#f5c5181f;color:#c89a00;border:1px solid rgba(245,197,24,.3);cursor:default}.btn-add-drop.friends{background:#00c8781a;color:#00a060;border:1px solid rgba(0,200,120,.25);cursor:default}.pending-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ff2d780f;border:1px solid rgba(255,45,120,.18);border-radius:10px;margin-bottom:8px;transition:opacity .25s,transform .25s}.pending-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;flex-shrink:0}.pending-name{font-size:13px;font-weight:700;color:var(--text)}.pending-actions{display:flex;gap:5px}.btn-accept{padding:5px 12px;background:#00c878;border:none;border-radius:7px;color:#fff;font-size:11px;font-weight:800;cursor:pointer;font-family:DM Sans,sans-serif;transition:opacity .2s}.btn-accept:hover{opacity:.85}.btn-decline{padding:5px 9px;background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size:11px;cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .2s,color .2s}.btn-decline:hover{border-color:#ff4040;color:#ff4040}.friends-chips{display:flex;flex-wrap:wrap;gap:8px}.friends-empty{font-size:13px;color:var(--muted);padding:4px 0}.friend-chip{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;background:var(--surface);border:1px solid var(--border);border-radius:100px;text-decoration:none;transition:border-color .2s}.friend-chip:hover{border-color:#ff2d7866}.chip-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff}.chip-name{font-size:11px;font-weight:700;color:var(--text)}.social-links-section{margin-top:12px}.social-link-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:100px;font-size:12px;font-weight:600;text-decoration:none;margin-right:6px;margin-bottom:6px;transition:opacity .2s}.social-link-chip:hover{opacity:.8}.social-link-chip.reddit{background:#ff450014;border:1px solid rgba(255,69,0,.2);color:#ff4500}.social-link-chip.discord{background:#5865f214;border:1px solid rgba(88,101,242,.2);color:#5865f2}.social-link-chip.instagram{background:#e1306c14;border:1px solid rgba(225,48,108,.2);color:#e1306c}.btn-add-socials,.btn-edit-socials{font-size:12px;font-weight:600;background:none;border:none;color:var(--muted);cursor:pointer;font-family:DM Sans,sans-serif;padding:4px 0;transition:color .2s;display:block;margin-top:4px}.btn-add-socials:hover,.btn-edit-socials:hover{color:var(--pink)}.social-input-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.social-prefix{font-size:12px;color:var(--muted);white-space:nowrap;min-width:130px}.social-input{flex:1;padding:7px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text);outline:none;transition:border-color .2s}.social-input:focus{border-color:var(--pink)}.social-edit-actions{display:flex;gap:8px;margin-top:10px}.btn-save-socials{padding:7px 18px;background:var(--pink);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;transition:opacity .2s}.btn-save-socials:hover{opacity:.85}.btn-cancel-socials{padding:7px 14px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px;cursor:pointer;font-family:DM Sans,sans-serif}.profile-actions-wrap{margin-bottom:10px}.btn-friend-action{padding:8px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;transition:opacity .2s,background .2s;border:none}.btn-friend-action.none{background:var(--pink);color:#fff}.btn-friend-action.none:hover{opacity:.85}.btn-friend-action.pending_sent{background:#f5c5181f;color:#c89a00;border:1px solid rgba(245,197,24,.3);cursor:default}.btn-friend-action.pending_received{background:#00c8781f;color:#00a060;border:1px solid rgba(0,200,120,.3)}.btn-friend-action.pending_received:hover{opacity:.85}.btn-friend-action.friends{background:var(--surface);color:var(--muted);border:1px solid var(--border)}.btn-friend-action.friends:hover{border-color:#ff4040;color:#ff4040}.profile-socials{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tl-step-nav{display:flex;align-items:center;gap:0;margin-bottom:32px;justify-content:center}.tl-step{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--muted);padding:6px 16px;border-radius:20px;transition:color .2s,background .2s}.tl-step.active{color:var(--pink);background:#ff2d781a}.tl-step.done{color:var(--cyan)}.tl-step-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;background:var(--surface);border:1.5px solid var(--border);flex-shrink:0}.tl-step.active .tl-step-num{background:var(--pink);border-color:var(--pink);color:#fff}.tl-step.done .tl-step-num{background:var(--cyan);border-color:var(--cyan);color:#000}.tl-step-divider{width:32px;height:2px;background:var(--border);flex-shrink:0}.tl-step-divider.done{background:var(--cyan)}.tl-row{display:flex;align-items:stretch;min-height:88px;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:6px;transition:border-color .2s}.tl-row-label{width:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:2rem;color:#fff;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.4);cursor:default;user-select:none}.tl-drop{flex:1;display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--surface);min-height:88px;align-content:flex-start;transition:background .15s}.tl-drop.tl-drag-over{background:#ff2d7814;border-left:2px solid var(--pink)}.tl-pool-section{margin-top:16px;border:1.5px dashed var(--border);border-radius:10px;overflow:hidden}.tl-pool-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.tl-pool-label{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.tl-pool-count{font-size:.75rem;color:var(--muted)}.tl-pool{display:flex;flex-wrap:wrap;gap:6px;padding:12px;min-height:100px;background:var(--black);align-content:flex-start;transition:background .15s}.tl-pool.tl-drag-over{background:#ff2d780d}.tl-item{width:76px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab;border-radius:8px;padding:4px;transition:opacity .15s,transform .15s;user-select:none}.tl-item:hover{transform:translateY(-2px)}.tl-item.tl-dragging{opacity:.3}.tl-item-avatar{width:72px;height:72px;border-radius:6px;overflow:hidden;position:relative;background:var(--surface);flex-shrink:0}.tl-item-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;pointer-events:none}.tl-item-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:var(--muted);background:var(--card)}.tl-item-label{font-size:.65rem;font-weight:600;color:var(--text);text-align:center;line-height:1.2;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-item-sublabel{font-size:.58rem;color:var(--muted);text-align:center;line-height:1.1;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-upload-zone{border:2px dashed var(--border);border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--surface)}.tl-upload-zone:hover,.tl-upload-zone.drag-over{border-color:var(--pink);background:#ff2d780a}.tl-upload-zone-icon{font-size:2.5rem;margin-bottom:12px}.tl-upload-zone-text{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px}.tl-upload-zone-sub{font-size:.82rem;color:var(--muted)}.tl-items-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:20px}.tl-item-edit-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:0}.tl-item-edit-img{width:100%;height:120px;object-fit:cover;object-position:top center;display:block}.tl-item-edit-fields{padding:8px;display:flex;flex-direction:column;gap:5px}.tl-item-edit-fields input{width:100%;padding:4px 8px;font-size:.75rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit}.tl-item-edit-fields input:focus{outline:none;border-color:var(--pink)}.tl-item-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.72rem;text-align:right;padding:2px 8px 6px;transition:color .15s}.tl-item-remove:hover{color:#ff4040}.tl-tier-editor-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:6px}.tl-tier-color-pick{width:32px;height:32px;border-radius:6px;border:2px solid var(--border);cursor:pointer;overflow:hidden;flex-shrink:0}.tl-tier-color-pick input[type=color]{width:200%;height:200%;margin:-25%;border:none;cursor:pointer;opacity:0;position:relative;z-index:1}.tl-tier-label-input{flex:1;padding:6px 10px;background:var(--black);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:.05em}.tl-tier-label-input:focus{outline:none;border-color:var(--pink)}.tl-tier-del-btn{background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.tl-tier-del-btn:hover{color:#ff4040;background:#ff40401a}.tl-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:border-color .2s,transform .15s}.tl-card:hover{border-color:var(--pink);transform:translateY(-2px)}.tl-card-preview{display:flex;height:80px;background:var(--surface);overflow:hidden}.tl-card-preview img{width:64px;height:80px;object-fit:cover;object-position:top center;flex-shrink:0;border-right:1px solid var(--border)}.tl-card-preview-placeholder{width:64px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--surface);border-right:1px solid var(--border-dim)}.tl-card-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.tl-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tl-card-title{font-size:.93rem;font-weight:700;line-height:1.3;margin:0;flex:1}.tl-card-cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 8px;border-radius:12px;background:#9b5de51f;color:var(--purple);border:1px solid rgba(155,93,229,.25);white-space:nowrap;flex-shrink:0}.tl-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--muted)}.tl-card-creator{font-size:.72rem;color:var(--muted)}.tl-card-stats{display:flex;gap:10px;font-size:.72rem;color:var(--muted)}.tl-view-header{max-width:900px;margin:0 auto;padding:32px 20px 0}.tl-view-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.tl-view-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,6vw,3.5rem);letter-spacing:.03em;margin:0 0 8px;color:var(--text);line-height:1}.tl-view-creator{font-size:.82rem;color:var(--muted)}.tl-view-creator a{color:var(--purple);text-decoration:none}.tl-view-creator a:hover{text-decoration:underline}.tl-view-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.tl-view-body{max-width:900px;margin:0 auto;padding:0 20px 60px}.tl-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:.82rem;font-weight:700;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s,color .2s,background .2s;text-decoration:none;font-family:inherit}.tl-action-btn:hover{border-color:var(--pink);color:var(--pink)}.tl-action-btn.liked{background:#ff2d781a;border-color:var(--pink);color:var(--pink)}.tl-action-btn.danger:hover{border-color:#ff4040;color:#ff4040}