._root_yqeb2_1{display:flex;flex-direction:column;align-items:center;gap:var(--esa-space-6);padding:var(--esa-space-4) 0}._subtitle_yqeb2_9{margin:0;font-size:var(--esa-text-sm);color:var(--esa-text-secondary);text-align:center;max-width:380px;line-height:var(--esa-leading-normal)}._modeStrip_yqeb2_18{display:inline-flex;align-items:center;gap:var(--esa-space-1);padding:4px;background:var(--esa-bg-surface);border:1px solid var(--esa-border-subtle);border-radius:var(--esa-radius-full)}._modeBtn_yqeb2_28{border:1px solid transparent;background:transparent;padding:6px 14px;border-radius:var(--esa-radius-full);color:var(--esa-text-secondary);font-size:var(--esa-text-xs);font-weight:500;cursor:pointer;transition:all var(--esa-transition-fast);display:flex;align-items:center;gap:4px}._modeBtn_yqeb2_28:hover:not(._modeBtnActive_yqeb2_43){color:var(--esa-text-primary);background:#ffffff0d}._modeBtnActive_yqeb2_43{background:var(--esa-bg-raised);color:var(--esa-text-primary);font-weight:600;border-color:var(--esa-border-subtle);box-shadow:0 1px 3px #00000026}._systemHint_yqeb2_56{opacity:.75;font-size:.65rem;font-weight:400}._grid_yqeb2_62{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--esa-space-3);width:100%;max-width:560px}._card_yqeb2_70{display:flex;flex-direction:column;align-items:center;gap:var(--esa-space-2);padding:var(--esa-space-4) var(--esa-space-3);background:var(--esa-bg-raised);border:1px solid var(--esa-border-subtle);border-radius:var(--esa-radius-lg);cursor:pointer;text-align:center;transition:border-color var(--esa-transition-fast),transform var(--esa-transition-fast),box-shadow var(--esa-transition-fast);position:relative}._card_yqeb2_70:hover:not(._cardLocked_yqeb2_86){border-color:var(--esa-border-default);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}._cardActive_yqeb2_92{border-color:var(--esa-accent-primary)!important;box-shadow:0 0 0 2px var(--esa-accent-primary-glow)}._cardLocked_yqeb2_86{opacity:.45;cursor:default}._swatch_yqeb2_102{display:block;width:32px;height:32px;border-radius:var(--esa-radius-full);flex-shrink:0}._cardVibe_yqeb2_110{font-size:var(--esa-text-xs);color:var(--esa-text-tertiary);line-height:1}._cardName_yqeb2_116{font-size:var(--esa-text-sm);font-weight:600;color:var(--esa-text-primary);line-height:1.2}._activeBadge_yqeb2_123{position:absolute;top:6px;right:8px;font-size:.65rem;font-weight:700;color:var(--esa-accent-primary)}._comingSoon_yqeb2_132{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--esa-text-tertiary)}._backdrop_4cab6_1{position:fixed;inset:0;background:#0000008c;backdrop-filter:var(--esa-glass-blur);z-index:var(--esa-z-overlay)}._modal_4cab6_9{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--esa-z-modal);background:var(--esa-bg-raised);border:var(--esa-glass-rim);border-radius:var(--esa-radius-xl);padding:var(--esa-space-6);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 24px 48px #00000080}._header_4cab6_25{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--esa-space-4)}._title_4cab6_32{margin:0;font-size:var(--esa-text-lg);font-weight:700;color:var(--esa-text-primary)}._closeBtn_4cab6_39{background:none;border:none;color:var(--esa-text-tertiary);font-size:1rem;cursor:pointer;padding:var(--esa-space-1) var(--esa-space-2);border-radius:var(--esa-radius-sm);transition:color var(--esa-transition-fast)}._closeBtn_4cab6_39:hover{color:var(--esa-text-primary)}.globalShellWrapper{position:sticky;top:0;z-index:40;width:100%}.globalHeader{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1.25rem;background:var(--esa-surface-frosted);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--esa-border-subtle);color:var(--esa-text-primary)}.brandGroup{display:flex;align-items:center;gap:1.5rem}.brandLink{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;color:var(--esa-text-primary, #f8fafc);text-decoration:none}.brandLogo{color:#f43f5e;font-size:1.1rem}.navLinks{display:flex;align-items:center;gap:1rem}.navLink{color:var(--esa-text-secondary, #94a3b8);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s ease}.navLink:hover{color:var(--esa-text-primary, #f8fafc)}.headerActions{display:flex;align-items:center;gap:.625rem}.streakPill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);color:#fbbf24;font-size:.8125rem;font-weight:600}.actionBtn{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .75rem;border-radius:.5rem;border:1px solid var(--esa-border-default, rgba(255, 255, 255, .12));background:var(--esa-bg-surface, #1e293b);color:var(--esa-text-primary, #f8fafc);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.actionBtn:hover{background:var(--esa-bg-raised, #334155);border-color:#ffffff40}.actionBtnActive{background:#f43f5e26;border-color:#f43f5e;color:#fb7185}.dueBadge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .4rem;border-radius:9999px;background:#f43f5e;color:#fff;font-size:.6875rem;font-weight:700}.drawerBackdrop{position:fixed;inset:0;z-index:50;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.drawerPanel{position:fixed;top:0;right:0;bottom:0;z-index:51;width:100%;max-width:520px;background:var(--esa-bg-base, #0a0e17);border-left:1px solid var(--esa-border-subtle, rgba(255, 255, 255, .1));box-shadow:-8px 0 32px #00000080;display:flex;flex-direction:column;animation:slideInRight .25s cubic-bezier(.16,1,.3,1);overflow-y:auto}.drawerTopBar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--esa-border-subtle, rgba(255, 255, 255, .08));background:var(--esa-bg-surface, #1e293b);position:sticky;top:0;z-index:10}.drawerTitle{font-size:.95rem;font-weight:600;color:var(--esa-text-primary, #f8fafc)}.drawerCloseBtn{background:transparent;border:none;color:var(--esa-text-secondary, #94a3b8);font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;line-height:1}.drawerCloseBtn:hover{color:var(--esa-text-primary, #f8fafc);background:#ffffff14}.drawerContent{flex:1;overflow-y:auto}body.player-view .globalHeader,body:has(#player-shell) .globalHeader{display:none!important}.mobileNavToggle{display:none}.mobileNavList{display:flex;flex-direction:column;padding:1rem 1.25rem;gap:.5rem}.mobileNavSection{display:flex;flex-direction:column;gap:.375rem}.mobileNavSectionTitle{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--esa-text-tertiary, #64748b);margin-bottom:.25rem;padding-left:.25rem}.mobileNavItem{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;background:var(--esa-bg-surface, #1e293b);border:1px solid var(--esa-border-subtle, rgba(255, 255, 255, .08));color:var(--esa-text-primary, #f8fafc);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .15s ease}.mobileNavItem:hover,.mobileNavItem:active{background:var(--esa-bg-raised, #334155);border-color:#fff3;color:#fff}.mobileNavIcon{font-size:1.15rem}.mobileNavLabel{flex:1}.mobileNavDivider{height:1px;background:var(--esa-border-subtle, rgba(255, 255, 255, .08));margin:.75rem 0}.mobileNavToolBtn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border-radius:.5rem;background:#ffffff0a;border:1px solid var(--esa-border-subtle, rgba(255, 255, 255, .08));color:var(--esa-text-primary, #f8fafc);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.mobileNavToolBtn:hover{background:#ffffff14}.mobileNavToolLeft{display:flex;align-items:center;gap:.625rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:640px){.navLinks{display:none}.mobileNavToggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;border:1px solid var(--esa-border-default, rgba(255, 255, 255, .15));background:var(--esa-bg-surface, #1e293b);color:var(--esa-text-primary, #f8fafc);font-size:1.1rem;cursor:pointer;line-height:1;transition:all .15s ease}.mobileNavToggleActive{background:var(--esa-bg-raised, #334155);border-color:#f43f5e;color:#fb7185}.drawerPanel{max-width:100%}}