._root_ivigh_1{display:flex;flex-direction:column;align-items:center;gap:var(--esa-space-6);padding:var(--esa-space-4) 0}._subtitle_ivigh_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_ivigh_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_ivigh_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_ivigh_28:hover:not(._modeBtnActive_ivigh_43){color:var(--esa-text-primary);background:var(--esa-interactive-hover)}._modeBtnActive_ivigh_43{background:var(--esa-bg-raised);color:var(--esa-text-primary);font-weight:600;border-color:var(--esa-border-subtle);box-shadow:var(--esa-shadow-sm)}._systemHint_ivigh_56{opacity:.75;font-size:.65rem;font-weight:400}._grid_ivigh_62{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--esa-space-3);width:100%;max-width:560px}@media(max-width:640px){._grid_ivigh_62{grid-template-columns:repeat(2,1fr)}}._card_ivigh_76{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_ivigh_76:hover{border-color:var(--esa-border-default);transform:translateY(-2px);box-shadow:var(--esa-shadow-md)}._cardActive_ivigh_98{border-color:var(--esa-accent-primary)!important;box-shadow:0 0 0 2px var(--esa-accent-primary-glow)}._swatchPair_ivigh_103{display:flex;align-items:center;justify-content:center;gap:var(--esa-space-2)}._swatch_ivigh_103{display:block;width:40px;height:40px;border-radius:var(--esa-radius-full);border:1.5px solid var(--esa-border-subtle);flex-shrink:0}._cardSubtitle_ivigh_119{font-size:.75rem;color:var(--esa-text-secondary);line-height:1.25}._cardName_ivigh_125{font-size:var(--esa-text-sm);font-weight:600;color:var(--esa-text-primary);line-height:1.2}._activeBadge_ivigh_132{position:absolute;top:6px;right:8px;font-size:.65rem;font-weight:700;color:var(--esa-accent-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;min-height:56px;max-height:56px;padding:0 1.25rem;background:var(--esa-surface-frosted);backdrop-filter:var(--esa-glass-blur);-webkit-backdrop-filter:var(--esa-glass-blur);border:none;border-bottom:var(--esa-glass-rim);color:var(--esa-text-primary);box-sizing:border-box}.brandGroup{display:flex;align-items:center;gap:1.5rem;min-width:0}.brandLink{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;color:var(--esa-text-primary);text-decoration:none;min-height:44px;min-width:0}.brandTitle{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandShort{display:none}.brandLogo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.brandLink:hover .brandLogo{transform:scale(1.08)}.navLinks{display:flex;align-items:center;gap:1rem}.navLink{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .625rem;color:var(--esa-text-secondary, #94a3b8);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s ease;box-sizing:border-box}.navLink:hover{color:var(--esa-text-primary)}.headerActions{display:flex;align-items:center;gap:.625rem}.actionBtn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:36px;min-height:36px;padding:0 .875rem;border-radius:var(--esa-radius-full);border:1px solid var(--esa-border-default);background:var(--esa-bg-surface);color:var(--esa-text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--esa-transition-fast);box-sizing:border-box;position:relative;user-select:none}.actionBtn:after{content:"";position:absolute;inset:-5px 0;border-radius:var(--esa-radius-full)}.themePickerBtn{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:var(--esa-radius-full)}.themePickerBtn:after{content:"";position:absolute;inset:-6px;border-radius:var(--esa-radius-full)}.actionBtn:hover{background:var(--esa-bg-raised);border-color:var(--esa-border-strong)}.actionBtnActive{background:var(--esa-brand-primary-dim);border-color:var(--esa-brand-primary);color:var(--esa-brand-primary)}.dueBadge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .4rem;border-radius:9999px;background:var(--esa-brand-primary);color:var(--esa-text-on-accent);font-size:.6875rem;font-weight:700}.drawerContent{flex:1;overflow-y:auto}body.player-view,body:has(#player-shell){overflow:hidden;height:100dvh;max-height:100dvh}body.player-view .globalShellWrapper,body:has(#player-shell) .globalShellWrapper,body.player-view .globalHeader,body:has(#player-shell) .globalHeader{display:none!important}body.player-view main,body:has(#player-shell) main{padding:0!important}body.player-view>div,body:has(#player-shell)>div{height:100dvh;max-height:100dvh;overflow:hidden}.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);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);border:1px solid var(--esa-border-subtle);color:var(--esa-text-primary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .15s ease}.mobileNavItem:hover,.mobileNavItem:active{background:var(--esa-bg-raised);border-color:var(--esa-border-strong);color:var(--esa-text-primary)}.mobileNavIcon{display:inline-flex;align-items:center;justify-content:center;color:var(--esa-text-secondary)}.mobileNavLabel{flex:1}.mobileNavDivider{height:1px;background:var(--esa-border-subtle);margin:.75rem 0}.mobileNavToolBtn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border-radius:.5rem;background:var(--esa-interactive-hover);border:1px solid var(--esa-border-subtle);color:var(--esa-text-primary);font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s ease}.mobileNavToolBtn:hover{background:var(--esa-interactive-active)}.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}.headerDesktopAction{display:none!important}.mobileNavToggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:var(--esa-radius-full);border:1px solid var(--esa-border-default);background:var(--esa-bg-surface);color:var(--esa-text-primary);font-size:1.1rem;cursor:pointer;line-height:1;position:relative;user-select:none;transition:all var(--esa-transition-fast);box-sizing:border-box}.mobileNavToggle:after{content:"";position:absolute;inset:-6px;border-radius:var(--esa-radius-full)}.mobileNavToggle:hover{background:var(--esa-bg-raised);border-color:var(--esa-border-strong)}.mobileNavToggleActive{background:var(--esa-brand-primary-dim);border-color:var(--esa-brand-primary);color:var(--esa-brand-primary)}.drawerPanel{max-width:100%}}@media(max-width:480px){.globalHeader{padding:0 .75rem}.brandGroup{gap:.5rem}.brandFull{display:none}.brandShort{display:inline;font-weight:800;letter-spacing:.05em}}