:root{--bg-primary:#0a0a0f;--bg-surface:#14141f;--bg-surface-raised:#1e1e2e;--border-subtle:#2a2a3e;--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-tertiary:#55556a;--accent-primary:#6c3ce1;--accent-primary-hover:#7e52f0;--accent-secondary:#ffd54f;--accent-advance:#34d399;--accent-danger:#ef4444;--gradient-hero:linear-gradient(135deg, #6c3ce1 0%, #3b1f8e 50%, #14141f 100%);--gradient-gold:linear-gradient(135deg, #ffd54f 0%, #ff9800 100%);--gradient-silver:linear-gradient(135deg, silver 0%, #9e9e9e 100%);--gradient-bronze:linear-gradient(135deg, #cd7f32 0%, sienna 100%);--shimmer:linear-gradient(90deg, #14141f 0%, #1e1e2e 50%, #14141f 100%);--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-card:0 4px 24px #0000004d;--shadow-card-active:0 8px 32px #6c3ce126;--shadow-elevated:0 12px 40px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;-webkit-tap-highlight-color:transparent;min-height:100dvh;font-size:16px;line-height:1.5;overflow-x:hidden}#app{max-width:430px;min-height:100vh;min-height:100dvh;margin:0 auto;position:relative}#app-container{min-height:100vh;min-height:100dvh}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}button:active{transform:scale(.97)}input{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.2}.boot-skeleton{min-height:100vh;justify-content:center;align-items:center;min-height:100dvh;display:flex}.boot-skeleton__shimmer{border-radius:var(--radius-lg);background:var(--shimmer);background-size:200% 100%;width:200px;height:60px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app-header{padding:var(--space-md) 20px;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-sm);display:flex}.header-back{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.header-back:hover{color:var(--text-primary);background:var(--bg-surface)}.header-title{font-family:var(--font-heading);margin-left:var(--space-sm);font-size:18px;font-weight:700}.header-right{align-items:center;display:flex}.header-email{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.nev-logo{align-items:center;display:inline-flex}.view-register{min-height:100vh;background:var(--bg-primary);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.view-register:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c3ce114 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.register-wrapper{align-items:center;gap:var(--space-xl);flex-direction:column;width:100%;max-width:360px;padding:20px;display:flex}.register-logo{justify-content:center;display:flex}.register-hero{text-align:center}.register-hero p{color:var(--text-primary);opacity:.85;font-size:18px;line-height:1.6}.register-form{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.register-input{width:100%;height:56px;padding:0 var(--space-md);color:var(--text-primary);border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff1f;font-size:16px;transition:border-color .2s,box-shadow .2s}.register-input::placeholder{color:#ffffff4d}.register-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c3ce133}.register-input--error{border-color:#d4830a;box-shadow:0 0 0 3px #d4830a26}.register-input--success{border-color:var(--accent-secondary);box-shadow:0 0 0 3px #ffd54f33}.register-error{color:#d4830a;min-height:20px;font-size:13px}.register-cta{width:100%;height:56px;font-family:var(--font-heading);color:var(--bg-primary);background:var(--accent-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:17px;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.register-cta:disabled{opacity:.4;cursor:default}.register-cta:disabled:active{transform:none}.register-cta--loading{pointer-events:none}.register-cta--success{background:var(--accent-advance)}.register-spinner{border:3px solid #0a0a0f33;border-top-color:var(--bg-primary);border-radius:50%;width:22px;height:22px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.register-fine{color:var(--text-primary);opacity:.4;text-align:center;font-size:12px;line-height:1.5}.view-home{padding-bottom:var(--space-2xl)}.home-hero{padding:var(--space-xl) 20px var(--space-lg);align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.home-logo{justify-content:center;display:flex}.home-tagline{font-family:var(--font-heading);color:var(--text-secondary);text-align:center;font-size:20px;font-weight:500}.home-progress{padding:0 20px var(--space-lg)}.home-progress__label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px;font-weight:500}.home-progress__bar{border-radius:3px;gap:4px;height:6px;display:flex;overflow:hidden}.home-progress__segment{background:var(--bg-surface);border-radius:3px;flex:1;transition:background .3s}.home-progress__segment--filled{background:var(--accent-primary)}.home-grid{gap:var(--space-md);flex-direction:column;padding:0 20px;display:flex}.group-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s ease-out,border-color .2s,box-shadow .2s,background .2s}.group-card:hover,.group-card:active{background:var(--bg-surface-raised);box-shadow:var(--shadow-card-active);transform:scale(1.01)}.group-card--idle{opacity:.7}.group-card--idle:hover{opacity:1}.group-card--complete{border-color:#34d3994d}.group-card--started{border-color:#ffd54f4d}.group-card__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.group-card__label{font-family:var(--font-heading);font-size:17px;font-weight:700}.group-card__status{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:13px;font-weight:500;display:flex}.group-card__status--complete{color:var(--accent-advance)}.group-card__status--progress{color:var(--accent-secondary)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot--yellow{background:var(--accent-secondary);animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:.7}50%{opacity:1}}.group-card__flags{gap:var(--space-sm);margin-bottom:var(--space-xs);font-size:22px;display:flex}.group-card__preview{color:var(--accent-advance);margin-top:var(--space-xs);font-size:12px;font-weight:500}.home-final{margin:var(--space-lg) 20px 0;padding:var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:var(--space-md);transition:transform .15s ease-out,box-shadow .2s;display:flex}.home-final:active{transform:scale(.98)}.home-final--unlocked{background:var(--gradient-hero);border:2px solid var(--accent-secondary);animation:2s ease-in-out infinite gold-pulse;box-shadow:0 0 24px #ffd54f33}@keyframes gold-pulse{0%,to{box-shadow:0 0 24px #ffd54f26}50%{box-shadow:0 0 40px #ffd54f4d}}.home-final--locked{background:var(--bg-surface);border:1px solid var(--border-subtle);opacity:.6;cursor:default}.home-final--locked:active{transform:none}.home-final__icon{color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.home-final--unlocked .home-final__icon{color:var(--accent-secondary)}.home-final__text{flex:1}.home-final__title{font-family:var(--font-heading);font-size:18px;font-weight:700}.home-final__sub{color:var(--text-secondary);margin-top:2px;font-size:14px}.home-final--unlocked .home-final__sub{color:#f0f0f5b3}.home-final__count{color:var(--text-tertiary);margin-top:var(--space-xs);font-size:12px}.home-final__arrow{color:#fff9}.home-reset{padding:var(--space-xl) 20px var(--space-md);justify-content:center;display:flex}.home-reset__btn{color:var(--text-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:14px;transition:color .2s}.home-reset__btn:hover{color:var(--accent-danger)}.view-group{padding-bottom:var(--space-2xl)}.group-section-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:var(--space-md) 20px var(--space-sm);font-size:13px;font-weight:700}.group-slots-wrap{padding:0 20px var(--space-sm);z-index:50;background:var(--bg-primary);padding-bottom:var(--space-md);position:sticky;top:65px}.group-songs{gap:var(--space-md);flex-direction:column;padding:0 20px;display:flex}.group-confirm{padding:var(--space-lg) 20px}.group-confirm__btn{width:100%;height:56px;font-family:var(--font-heading);color:var(--bg-primary);background:var(--accent-primary);border-radius:var(--radius-md);font-size:17px;font-weight:700;transition:background .2s,transform .1s;box-shadow:0 4px 16px #6c3ce14d}.group-confirm__btn:hover{background:var(--accent-primary-hover)}.group-complete-msg{padding:var(--space-lg) 20px var(--space-sm);justify-content:center;display:flex}.group-complete-msg__text{font-family:var(--font-heading);color:var(--accent-secondary);font-size:24px;font-weight:700;animation:.3s fade-in}.group-back-btn{width:calc(100% - 40px);margin:var(--space-md) 20px;height:48px;font-family:var(--font-heading);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:16px;font-weight:600;transition:background .2s;display:block}.group-back-btn:hover{background:var(--bg-surface-raised)}.group-unlock-msg{margin:var(--space-lg) 20px;padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--gradient-hero);text-align:center;border:2px solid var(--accent-secondary);animation:.6s fade-in}.group-unlock-msg__star{color:var(--accent-secondary);margin-bottom:var(--space-md);font-size:48px;animation:1.5s ease-in-out infinite star-pulse}@keyframes star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.group-unlock-msg__title{font-family:var(--font-heading);color:var(--accent-secondary);margin-bottom:var(--space-xs);font-size:24px;font-weight:700}.group-unlock-msg__sub{color:#f0f0f5b3;margin-bottom:var(--space-lg);font-size:15px}.group-unlock-msg__btn{height:48px;padding:0 var(--space-xl);font-family:var(--font-heading);color:var(--bg-primary);background:var(--accent-secondary);border-radius:var(--radius-md);font-size:16px;font-weight:700;transition:transform .1s}.rank-slots{gap:var(--space-sm);display:flex}.rank-slots--scrollable{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-xs);overflow-x:auto}.rank-slots--scrollable::-webkit-scrollbar{display:none}.rank-slot{border-radius:var(--radius-sm);border:2px dashed var(--border-subtle);background:var(--bg-surface);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:48px;height:48px;transition:border-color .2s,background .2s,transform .15s;display:flex}.rank-slot:active{transform:scale(.95)}.rank-slot__number{font-family:var(--font-heading);color:var(--text-tertiary);font-size:14px;font-weight:700;line-height:1}.rank-slot__flag{font-size:14px;line-height:1}.rank-slot--filled{border-style:solid;border-color:var(--accent-primary);background:var(--bg-surface-raised)}.rank-slot--filled .rank-slot__number{color:var(--accent-primary)}.rank-slot--advancing{border-color:var(--accent-advance)}.rank-slot--advancing .rank-slot__number{color:var(--accent-advance)}.rank-slot--top3{border-color:var(--accent-secondary)}.rank-slot--top3 .rank-slot__number{color:var(--accent-secondary)}.rank-slot--available{border-color:var(--accent-primary);border-style:solid;animation:1s ease-in-out infinite slot-glow}@keyframes slot-glow{0%,to{box-shadow:0 0 #6c3ce100}50%{box-shadow:0 0 12px 2px #6c3ce14d}}.song-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;min-height:72px;transition:transform .15s ease-out,border-color .2s,background .2s,box-shadow .2s;display:flex}.song-card:active{transform:scale(1.01)}.song-card--selected{border-color:var(--accent-primary);background:var(--bg-surface-raised);box-shadow:var(--shadow-card-active);border-width:2px}.song-card--advancing{border-color:#34d39980}.song-card--eliminated{opacity:.5}.song-card--ranked{background:var(--bg-surface-raised)}.song-card--compact{min-height:64px;padding:var(--space-sm) var(--space-md)}.song-card__badge{width:36px;height:36px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:background .2s,transform .2s;display:flex}.song-card__badge--empty{border:2px dashed var(--text-tertiary);color:var(--text-tertiary)}.song-card__badge--filled{background:var(--accent-primary);color:#fff;border:none;animation:.2s cubic-bezier(.34,1.56,.64,1) badge-pop}.song-card__badge--top3{background:var(--gradient-gold);color:var(--bg-primary)}.song-card--advancing .song-card__badge--filled{background:var(--accent-advance)}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.song-card__content{flex:1;min-width:0}.song-card__top-row{align-items:center;gap:var(--space-sm);margin-bottom:2px;display:flex}.song-card__flag{font-size:20px;line-height:1}.song-card__country{color:var(--text-primary);font-size:15px;font-weight:600}.song-card__advance-badge{color:var(--accent-advance);white-space:nowrap;background:#34d3991f;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.song-card__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.song-card__artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.song-card__play{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .1s;display:flex}.song-card__play:hover{background:var(--accent-primary-hover)}.song-card__play:active{transform:scale(.9)}.yt-modal-overlay{z-index:1000;pointer-events:none;background:0 0;justify-content:center;align-items:flex-end;transition:background .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.yt-modal-overlay--visible{pointer-events:auto;background:#000000b3}.yt-modal-sheet{background:var(--bg-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:430px;max-height:80vh;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(100%)}.yt-modal-overlay--visible .yt-modal-sheet{transform:translateY(0)}.yt-modal-header{padding:var(--space-md) var(--space-md) var(--space-sm);justify-content:space-between;align-items:center;display:flex}.yt-modal-title{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-right:var(--space-md);flex:1;font-size:15px;font-weight:600;overflow:hidden}.yt-modal-close{width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.yt-modal-close:hover{background:var(--bg-surface-raised)}.yt-modal-player{aspect-ratio:16/9;background:#000;width:100%;position:relative}.yt-modal-placeholder{background:var(--bg-surface);color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.yt-modal-iframe{border:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.toast{opacity:0;z-index:2000;background:var(--bg-surface-raised);color:var(--text-primary);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevated);white-space:nowrap;pointer-events:none;border-radius:99px;font-size:14px;font-weight:500;transition:opacity .3s,transform .3s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(20px)}.toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.view-final{padding-bottom:var(--space-2xl)}.final-banner{padding:var(--space-lg) 20px;background:var(--gradient-hero);text-align:center;margin-bottom:var(--space-md)}.final-banner__title{font-family:var(--font-heading);margin-bottom:var(--space-xs);font-size:24px;font-weight:700}.final-banner__sub{color:#f0f0f5b3;font-size:14px}.final-slots-wrap{padding:0 20px var(--space-md);z-index:50;background:var(--bg-primary);padding-top:var(--space-sm);padding-bottom:var(--space-md);position:sticky;top:65px}.final-songs{gap:var(--space-sm);flex-direction:column;padding:0 20px;display:flex}.final-confirm{padding:var(--space-lg) 20px}.final-confirm__btn{width:100%;height:56px;font-family:var(--font-heading);color:var(--bg-primary);background:var(--gradient-gold);border-radius:var(--radius-md);font-size:17px;font-weight:700;transition:transform .1s;box-shadow:0 4px 16px #ffd54f4d}.view-results{padding-bottom:var(--space-2xl)}.results-title-section{padding:var(--space-xl) 20px var(--space-lg);text-align:center}.results-title{font-family:var(--font-heading);color:var(--text-primary);font-size:22px;font-weight:700}.results-list{gap:var(--space-sm);flex-direction:column;padding:0 20px;display:flex}.results-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:opacity .3s,transform .3s;display:flex}.results-item--gold{padding:var(--space-lg);background:linear-gradient(135deg,#ffd54f26 0%,#ff980014 100%);border-color:#ffd54f66;position:relative;overflow:hidden;box-shadow:0 4px 32px #ffd54f26}.results-item--gold:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffd54f0d 0%,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.results-item--silver{background:linear-gradient(135deg,#c0c0c01a 0%,#9e9e9e0d 100%);border-color:#c0c0c04d}.results-item--bronze{background:linear-gradient(135deg,#cd7f321a 0%,#a0522d0d 100%);border-color:#cd7f324d}.results-item__rank{font-family:var(--font-heading);text-align:center;min-width:32px;color:var(--text-secondary);flex-shrink:0;font-size:22px;font-weight:700}.results-item--gold .results-item__rank{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}.results-item--silver .results-item__rank{background:var(--gradient-silver);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.results-item--bronze .results-item__rank{background:var(--gradient-bronze);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.results-item__info{flex:1;min-width:0}.results-item__country{font-size:16px;font-weight:600}.results-item--gold .results-item__country{font-size:18px}.results-item__song{color:var(--text-primary);opacity:.9;font-size:14px;font-weight:500}.results-item__artist{color:var(--text-secondary);font-size:13px}.results-item__medal{flex-shrink:0;font-size:28px}.results-item--gold .results-item__medal{font-size:36px}.results-share{padding:var(--space-xl) 20px var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.results-share__btn{width:100%;height:56px;font-family:var(--font-heading);justify-content:center;align-items:center;gap:var(--space-sm);color:var(--bg-primary);background:var(--accent-primary);border-radius:var(--radius-md);font-size:16px;font-weight:700;transition:background .2s;display:flex;box-shadow:0 4px 16px #6c3ce14d}.results-share__btn:hover{background:var(--accent-primary-hover)}.results-share__copy{width:100%;height:48px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:background .2s}.results-share__copy:hover{background:var(--bg-surface-raised)}.results-actions{padding:var(--space-lg) 20px;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.results-actions__change{color:var(--text-secondary);padding:var(--space-sm);font-size:14px;font-weight:500;transition:color .2s}.results-actions__change:hover{color:var(--text-primary)}.results-actions__reset{color:var(--text-tertiary);padding:var(--space-sm);font-size:14px;transition:color .2s}.results-actions__reset:hover{color:var(--accent-danger)}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)}to{transform:translateY(120px) translateX(var(--drift,0px)) rotate(360deg);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.song-card--advancing .song-card__advance-badge{animation:2s ease-in-out infinite advance-pulse}@keyframes advance-pulse{0%,to{opacity:.7}50%{opacity:1}}@supports (padding-bottom:env(safe-area-inset-bottom)){.view-group,.view-final,.view-results,.view-home{padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom))}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}::selection{color:var(--text-primary);background:#6c3ce14d}.pill-tabs{justify-content:center;gap:var(--space-xs);padding:0 20px var(--space-md);display:flex}.pill-tabs__pill{padding:var(--space-sm) var(--space-lg);font-family:var(--font-heading);color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0;border-radius:99px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.pill-tabs__pill:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.pill-tabs__pill--active{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--accent-primary)}.pill-tabs__pill--active:hover{border-color:var(--accent-primary-hover)}.home-community-content{padding-bottom:var(--space-lg)}.community-home-grid{gap:var(--space-md);padding:var(--space-md) 20px;flex-direction:column;display:flex}.community-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card);transition:transform .15s ease-out,background .2s,box-shadow .2s}.community-card--unlocked{cursor:pointer;background:var(--bg-surface-raised)}.community-card--unlocked:hover,.community-card--unlocked:active{box-shadow:var(--shadow-card-active);transform:scale(1.01)}.community-card--locked{cursor:pointer;opacity:.7}.community-card--locked:hover{opacity:.85}.community-card__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.community-card__label{font-family:var(--font-heading);font-size:16px;font-weight:700}.community-card__flags{gap:var(--space-xs);font-size:18px;display:flex}.community-card__final-icon{font-size:22px}.community-card__stats{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);display:flex}.community-card__loading{color:var(--text-tertiary);font-size:13px}.community-card__not-enough{color:var(--text-tertiary);font-size:13px;font-style:italic}.community-card__top-song{color:var(--text-primary);font-size:14px;font-weight:600}.community-card__count{color:var(--text-tertiary);font-size:12px}.community-card__agreement{color:var(--text-secondary);font-size:14px;font-weight:600}.community-card__agreement--high{color:var(--accent-secondary)}.community-card__lock-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.community-card__lock-icon{color:var(--text-tertiary);align-items:center;display:flex}.community-card__teaser{color:var(--text-tertiary);font-size:13px}.view-community-detail{padding-bottom:var(--space-2xl)}.community-detail__loading{padding:var(--space-2xl) 20px;justify-content:center;display:flex}.community-detail__empty{text-align:center;padding:var(--space-2xl) 20px}.community-detail__empty-text{color:var(--text-secondary);font-size:15px}.community-detail__threshold{text-align:center;padding:var(--space-2xl) 20px}.community-detail__threshold-icon{color:var(--text-tertiary);margin-bottom:var(--space-md);justify-content:center;display:flex}.community-detail__threshold-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:18px;font-weight:700}.community-detail__threshold-sub{color:var(--text-secondary);max-width:280px;margin:0 auto;font-size:14px;line-height:1.5}.community-detail__agreement{align-items:center;gap:var(--space-sm);padding:var(--space-lg) 20px var(--space-sm);color:var(--text-secondary);font-size:16px;font-weight:600;display:flex}.community-detail__agreement--high{color:var(--accent-secondary)}.community-detail__agreement-icon{font-size:20px}.community-detail__agreement-text{font-family:var(--font-heading)}.community-detail__meta{padding:var(--space-sm) 20px;color:var(--text-tertiary);font-size:13px}.community-detail__callouts{gap:var(--space-lg);padding:var(--space-sm) 20px var(--space-md);display:flex}.community-detail__callout{flex-direction:column;gap:2px;display:flex}.community-detail__callout-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:11px;font-weight:500}.community-detail__callout-value{color:var(--text-primary);font-size:14px;font-weight:600}.community-detail__divider{background:var(--border-subtle);height:1px;margin:var(--space-sm) 20px}.community-detail__songs{gap:var(--space-md);padding:var(--space-md) 20px;flex-direction:column;display:flex}.community-detail__timestamp{padding:var(--space-md) 20px;color:var(--text-tertiary);text-align:center;font-size:12px}.community-detail__match-callout{padding:var(--space-sm) 20px;color:var(--accent-secondary);font-size:14px;font-weight:600}.community-song-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-card)}.community-song-card__info{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:15px;font-weight:600;display:flex}.community-song-card__flag{font-size:20px}.community-song-card__name{color:var(--text-primary)}.community-song-card__ranks{gap:var(--space-xl);margin-bottom:var(--space-md);display:flex}.community-song-card__rank-col{flex-direction:column;align-items:center;gap:2px;display:flex}.community-song-card__rank-label{color:var(--text-tertiary);font-size:11px}.community-song-card__rank-value{font-family:var(--font-heading);font-size:20px;font-weight:700}.community-song-card__rank-value--user{color:var(--accent-primary)}.community-song-card__rank-value--community{color:var(--text-secondary)}.community-song-card__rank-match{color:var(--accent-advance);align-items:center;height:28px;display:flex}.dist-bar{margin-top:var(--space-xs)}.dist-bar__labels{gap:2px;margin-bottom:2px;display:flex}.dist-bar__label{color:var(--text-tertiary);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.2;overflow:hidden}.dist-bar__track{border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.dist-bar__segment{background:#6c3ce166;border-radius:4px;min-width:2px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.dist-bar__segment--user{background:var(--accent-primary)}.group-community-reveal{padding:var(--space-lg) 0}.community-reveal__header{margin-bottom:var(--space-md);padding:0 20px}.community-reveal__title{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:16px;font-weight:600}.community-reveal__count{color:var(--text-tertiary);font-size:13px}.community-reveal__threshold{color:var(--text-secondary);margin-top:var(--space-sm);font-size:14px;line-height:1.5}.community-reveal__songs{gap:var(--space-md);flex-direction:column;padding:0 20px;display:flex}.community-reveal__song{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.community-reveal__song-info{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.community-reveal__avg{color:var(--text-secondary);font-size:13px;font-weight:500}.community-reveal__agreement{padding:var(--space-md) 20px 0;font-family:var(--font-heading);color:var(--text-secondary);font-size:15px;font-weight:600}.community-reveal__agreement--high{color:var(--accent-secondary)}.view-history{padding-bottom:var(--space-2xl)}.history__subtitle{padding:var(--space-sm) 20px var(--space-md);color:var(--text-secondary);font-size:14px;line-height:1.5}.history__loading{padding:var(--space-2xl) 20px;justify-content:center;display:flex}.history__empty{text-align:center;padding:var(--space-2xl) 20px}.history__empty-icon{color:var(--text-tertiary);margin-bottom:var(--space-md);justify-content:center;display:flex}.history__empty-title{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:16px;font-weight:700}.history__empty-sub{color:var(--text-tertiary);max-width:260px;margin:0 auto;font-size:13px;line-height:1.5}.history__list{gap:var(--space-md);flex-direction:column;padding:0 20px;display:flex}.history-entry{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);position:relative}.history-entry__top{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.history-entry__run{font-family:var(--font-heading);color:var(--text-primary);font-size:16px;font-weight:600}.history-entry__time{color:var(--text-tertiary);font-size:13px}.history-entry__completion{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px}.history-entry__top3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:14px}.history-entry__restore{font-family:var(--font-body);color:var(--accent-primary);padding:var(--space-xs) 0;font-size:14px;font-weight:600;transition:color .2s}.history-entry__restore:hover{color:var(--accent-primary-hover)}.history-entry__restore:disabled{opacity:.5;cursor:default}.history-modal-overlay{z-index:1000;background:0 0;justify-content:center;align-items:center;padding:20px;transition:background .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.history-modal-overlay--visible{background:#000000b3}.history-modal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:360px;box-shadow:var(--shadow-elevated);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;transform:scale(.95)}.history-modal-overlay--visible .history-modal{opacity:1;transform:scale(1)}.history-modal__title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-md);font-size:18px;font-weight:700}.history-modal__body{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:15px;line-height:1.5}.history-modal__buttons{gap:var(--space-sm);flex-direction:column;display:flex}.history-modal__btn{width:100%;height:48px;font-family:var(--font-heading);border-radius:var(--radius-md);font-size:16px;font-weight:700;transition:background .2s,transform .1s}.history-modal__btn--primary{background:var(--accent-primary);color:#fff}.history-modal__btn--primary:hover{background:var(--accent-primary-hover)}.history-modal__btn--primary:disabled{opacity:.5;cursor:default}.history-modal__btn--secondary{background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--border-subtle)}.history-modal__btn--secondary:hover{background:var(--bg-surface)}.community-winner{margin:var(--space-md) 20px}.community-winner__label{font-family:var(--font-heading);color:var(--accent-secondary);margin-top:var(--space-xs);font-size:14px;font-weight:700}.results-community-content{padding:var(--space-md) 0}@supports (padding-bottom:env(safe-area-inset-bottom)){.view-community-detail,.view-history{padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom))}}