.repertoire-selector.svelte-a5ruyg{position:relative}.selector-btn.svelte-a5ruyg{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;white-space:nowrap;max-width:220px;transition:border-color var(--dur-fast) var(--ease-snap);font-size:12px;display:flex}.selector-btn.svelte-a5ruyg:hover{border-color:var(--color-accent-dim)}.rep-name.svelte-a5ruyg{text-overflow:ellipsis;max-width:150px;overflow:hidden}.no-rep.svelte-a5ruyg{color:var(--color-text-muted);font-style:italic}.chevron.svelte-a5ruyg{color:var(--color-text-muted);transition:transform var(--dur-fast) var(--ease-snap);flex-shrink:0;font-size:.65rem}.chevron.open.svelte-a5ruyg{transform:rotate(180deg)}.dropdown.svelte-a5ruyg{top:calc(100% + var(--space-1));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:210px;padding:var(--space-1) 0;z-index:1000;box-shadow:var(--shadow-elevated);position:absolute;left:0}.dropdown-item.svelte-a5ruyg{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);background:0 0;border:none;font-size:13px;display:flex}.dropdown-item.svelte-a5ruyg:hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.dropdown-item.is-active.svelte-a5ruyg{color:var(--color-accent)}.item-name.svelte-a5ruyg{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.check.svelte-a5ruyg{color:var(--color-accent);flex-shrink:0;font-size:.75rem}.dropdown-empty.svelte-a5ruyg{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);margin:0;font-size:12px}.dropdown-locked-hint.svelte-a5ruyg{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);margin:0;font-size:11px;font-style:italic}.dropdown-divider.svelte-a5ruyg{background:var(--color-border);height:1px;margin:var(--space-1) 0}.dropdown-action.svelte-a5ruyg{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-family:var(--font-body);cursor:pointer;text-align:left;transition:color var(--dur-fast) var(--ease-snap), background var(--dur-fast) var(--ease-snap);background:0 0;border:none;font-size:12px;display:flex}.dropdown-action.svelte-a5ruyg:hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.backdrop.svelte-9famyj{z-index:1000;background:#0009;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal.svelte-9famyj{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:540px;max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-16));padding:var(--space-6);box-shadow:var(--shadow-elevated);margin:auto;overflow-y:auto}.modal-header.svelte-9famyj{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.modal-header.svelte-9famyj h2:where(.svelte-9famyj){font-family:var(--font-body);color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.close-btn.svelte-9famyj{color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-snap);background:0 0;border:none;font-size:1rem;line-height:1}.close-btn.svelte-9famyj:hover{color:var(--color-text-primary)}.rep-list.svelte-9famyj{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.rep-row.svelte-9famyj{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:44px;display:flex}.row-icon.svelte-9famyj{flex-shrink:0;font-size:1.1rem;line-height:1}.row-name.svelte-9famyj{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.color-badge.svelte-9famyj{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;font-size:11px;font-weight:600}.badge-white.svelte-9famyj{background:var(--color-surface-alt);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-black.svelte-9famyj{background:var(--color-base);color:var(--color-text-muted);border:1px solid var(--color-border)}.locked-badge.svelte-9famyj{padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-danger);background:#f871711a;border:1px solid #f8717133;flex-shrink:0;font-size:10px;font-weight:600}.row-actions.svelte-9famyj{gap:var(--space-1);flex-shrink:0;display:flex}.confirm-zone.svelte-9famyj{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.confirm-msg.svelte-9famyj{color:var(--color-danger);font-size:.85rem;line-height:1.4}.confirm-actions.svelte-9famyj{gap:var(--space-2);display:flex}.rename-input.svelte-9famyj{padding:var(--space-2) var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);flex:1;font-size:.875rem}.rename-input.svelte-9famyj:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.upgrade-hint.svelte-9famyj{color:var(--color-text-muted);text-align:center;padding:var(--space-4);margin:0;font-size:.875rem}.upgrade-hint.svelte-9famyj a:where(.svelte-9famyj){color:var(--color-accent);text-decoration:underline}.empty-hint.svelte-9famyj{color:var(--color-text-muted);text-align:center;padding:var(--space-4);margin:0;font-size:.875rem}.create-section.svelte-9famyj{border-top:1px solid var(--color-border);padding-top:var(--space-5)}.create-section.svelte-9famyj h3:where(.svelte-9famyj){margin:0 0 var(--space-3);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.form-row.svelte-9famyj{margin-bottom:var(--space-3)}.text-input.svelte-9famyj{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);box-sizing:border-box;font-size:.9rem}.text-input.svelte-9famyj:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.color-row.svelte-9famyj{gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.color-label.svelte-9famyj{align-items:center;gap:var(--space-1);cursor:pointer;color:var(--color-text-secondary);font-size:.9rem;display:flex}.color-label.svelte-9famyj input[type=radio]:where(.svelte-9famyj){accent-color:var(--color-accent);cursor:pointer}.btn-create.svelte-9famyj{width:100%;padding:var(--space-3);font-size:.9rem}.btn-primary.svelte-9famyj{padding:var(--space-2) var(--space-4);background:var(--color-accent);border-radius:var(--radius-md);color:var(--color-base);font-family:var(--font-body);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-snap);border:none;font-size:.875rem;font-weight:600}.btn-primary.svelte-9famyj:hover:not(:disabled){opacity:.88;box-shadow:var(--glow-accent)}.btn-primary.svelte-9famyj:disabled{opacity:.45;cursor:default}.btn-ghost.svelte-9famyj{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);background:0 0;font-size:.8rem}.btn-ghost.svelte-9famyj:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text-primary)}.btn-ghost--danger.svelte-9famyj:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger)}.btn-ghost.svelte-9famyj:disabled{opacity:.45;cursor:default}.btn-danger.svelte-9famyj{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-danger);font-family:var(--font-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-snap);background:#f871711a;border:none;font-size:.875rem;font-weight:600}.btn-danger.svelte-9famyj:hover:not(:disabled){background:#f8717133}.btn-danger.svelte-9famyj:disabled{opacity:.45;cursor:default}.error-msg.svelte-9famyj{color:var(--color-danger);text-align:center;margin:0 0 var(--space-3);font-size:.8rem}.export-msg.svelte-9famyj{color:var(--color-success);text-align:center;margin:0 0 var(--space-3);font-size:.8rem}@media (width<=767px){.btn-ghost.svelte-9famyj,.btn-primary.svelte-9famyj,.btn-danger.svelte-9famyj{min-height:44px}.close-btn.svelte-9famyj{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.rep-row.svelte-9famyj{flex-wrap:wrap}.row-actions.svelte-9famyj{justify-content:flex-end;width:100%}}@media (width<=479px){.modal.svelte-9famyj{width:100%;max-width:100%;max-height:100%;padding-top:var(--space-8);border-radius:0;position:fixed;inset:0}}.tutorial-overlay.svelte-17u1l6p{bottom:var(--space-6);right:var(--space-6);z-index:1100;max-width:240px;width:calc(100vw - var(--space-8));animation:svelte-17u1l6p-slideUp var(--dur-slow) var(--ease-spring);position:fixed}@keyframes svelte-17u1l6p-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tutorial-card.svelte-17u1l6p{background:var(--color-surface);border:1px solid var(--color-accent-dim);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-elevated), 0 0 20px #4a8ac21f;gap:var(--space-3);flex-direction:column;display:flex}.tutorial-header.svelte-17u1l6p{justify-content:space-between;align-items:center;display:flex}.step-badge.svelte-17u1l6p{color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.btn-dismiss.svelte-17u1l6p{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-snap);background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.btn-dismiss.svelte-17u1l6p:hover{color:var(--color-text-secondary)}.tutorial-title.svelte-17u1l6p{font-family:var(--font-body);color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.tutorial-body.svelte-17u1l6p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.step-dots.svelte-17u1l6p{padding:var(--space-1) 0;justify-content:center;gap:6px;display:flex}.dot.svelte-17u1l6p{background:var(--color-border-strong);width:6px;height:6px;transition:background var(--dur-base) var(--ease-snap);border-radius:50%}.dot.active.svelte-17u1l6p{background:var(--color-accent)}.dot.completed.svelte-17u1l6p{background:var(--color-accent-dim)}.tutorial-actions.svelte-17u1l6p{gap:var(--space-3);align-items:center;display:flex}.btn-next.svelte-17u1l6p,.btn-nav.svelte-17u1l6p{padding:var(--space-2) var(--space-5);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-base);font-family:var(--font-body);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-snap), box-shadow var(--dur-fast) var(--ease-snap);font-size:13px;font-weight:600}.btn-next.svelte-17u1l6p:hover,.btn-nav.svelte-17u1l6p:hover{border-color:var(--color-border-strong);box-shadow:var(--glow-accent)}.btn-skip.svelte-17u1l6p{color:var(--color-text-muted);font-family:var(--font-body);cursor:pointer;padding:var(--space-1) var(--space-2);transition:color var(--dur-fast) var(--ease-snap);background:0 0;border:none;font-size:12px}.btn-skip.svelte-17u1l6p:hover{color:var(--color-text-secondary)}.tutorial-pill.svelte-17u1l6p{bottom:var(--space-6);right:var(--space-6);z-index:1100;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-accent-dim);border-radius:var(--radius-lg);color:var(--color-accent);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-elevated);transition:border-color var(--dur-fast) var(--ease-snap), box-shadow var(--dur-fast) var(--ease-snap);font-size:12px;font-weight:600;position:fixed}.tutorial-pill.svelte-17u1l6p:hover{border-color:var(--color-accent);box-shadow:var(--glow-accent)}@media (width<=479px){.tutorial-overlay.svelte-17u1l6p{bottom:var(--space-3);right:var(--space-3);max-width:calc(100vw - var(--space-6))}.tutorial-pill.svelte-17u1l6p{bottom:var(--space-3);right:var(--space-3)}}:root{--color-base:#0a1a2e;--color-logo-bg:#f0efed;--color-surface:#181a1f;--color-surface-alt:#1f2128;--color-border:#1e3a56;--color-border-strong:#2a4a66;--color-accent:#4a8ac2;--color-accent-dim:#3a6d9e;--color-accent-glow:#4a8ac22e;--color-text-primary:#ececef;--color-text-secondary:#a0a2ac;--color-text-muted:#5c5c66;--color-success:#3fb06e;--color-danger:#e05454;--color-explore:#67b8d4;--color-explore-glow:#67b8d426;--color-eval-best:#5ba3d9;--color-eval-good:#3fb06e;--color-eval-inaccuracy:#d4a843;--color-eval-mistake:#e08a3e;--color-eval-blunder:#e05454;--font-body:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--color-header-bg:#0f2942;--color-header-bg-solid:#0f2942;--shadow-surface:0 1px 2px #0000004d, 0 2px 8px #0003;--shadow-elevated:0 4px 16px #0000004d, 0 1px 4px #0003;--glow-accent:0 0 10px #4a8ac240;--ease-snap:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.38s;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px}.color-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.color-dot--white{background:#f0f0f0;border:1.5px solid #888}.color-dot--black{background:#333;border:1.5px solid #888}[data-theme=light]{--color-base:#e9ecf0;--color-logo-bg:#e4e2de;--color-surface:#fff;--color-surface-alt:#f2f4f7;--color-border:#d0d7de;--color-border-strong:#b8c2cc;--color-accent:#2563a8;--color-accent-dim:#1d4f8c;--color-accent-glow:#2563a81a;--color-text-primary:#1f2328;--color-text-secondary:#59636e;--color-text-muted:#8b949e;--color-success:#16a34a;--color-danger:#dc2626;--color-explore:#0891b2;--color-explore-glow:#0891b21f;--color-eval-best:#2563a8;--color-eval-good:#16a34a;--color-eval-inaccuracy:#ca8a04;--color-eval-mistake:#ea580c;--color-eval-blunder:#dc2626;--color-header-bg:#dfe3e9;--color-header-bg-solid:#dfe3e9;--shadow-surface:0 1px 3px #1f23280f, 0 1px 2px #1f23280a;--shadow-elevated:0 4px 12px #1f23281a, 0 1px 4px #1f23280f;--glow-accent:0 0 8px #2563a826}*{box-sizing:border-box}body{background:var(--color-base);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-header.svelte-12qhfyh{z-index:900;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--color-header-bg);border-bottom:1px solid var(--color-border);height:56px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 8px #00000026}[data-theme=light] .app-header.svelte-12qhfyh{box-shadow:none}.brand.svelte-12qhfyh{align-items:center;gap:var(--space-2);white-space:nowrap;flex-shrink:0;text-decoration:none;display:flex}.brand-icon.svelte-12qhfyh{background:var(--color-logo-bg);border-radius:8px;width:48px;height:48px;padding:2px}.brand-text.svelte-12qhfyh{font-family:var(--font-body);color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.nav-links.svelte-12qhfyh{gap:var(--space-1);flex:1;display:flex}.nav-link.svelte-12qhfyh{color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);text-transform:uppercase;letter-spacing:.05em;transition:color var(--dur-fast) var(--ease-snap);font-size:13px;font-weight:500;text-decoration:none;position:relative}.nav-link.svelte-12qhfyh:hover{color:var(--color-text-primary)}.nav-link.active.svelte-12qhfyh{color:var(--color-accent)}.nav-link.active.svelte-12qhfyh:after{content:"";bottom:-1px;left:var(--space-3);right:var(--space-3);background:var(--color-accent);height:2px;animation:svelte-12qhfyh-navUnderline var(--dur-base) var(--ease-snap);border-radius:1px;position:absolute}@keyframes svelte-12qhfyh-navUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.signout-form.svelte-12qhfyh{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.username.svelte-12qhfyh{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.signout-btn.svelte-12qhfyh{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);background:0 0;font-size:12px}.signout-btn.svelte-12qhfyh:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.hamburger.svelte-12qhfyh{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;margin-left:auto;padding:8px;display:none}.hamburger-line.svelte-12qhfyh{background:var(--color-text-secondary);width:100%;height:2px;transition:transform var(--dur-fast) var(--ease-snap), opacity var(--dur-fast) var(--ease-snap);border-radius:1px;display:block}.hamburger-line.open.svelte-12qhfyh:first-child{transform:rotate(45deg)translate(4px,4px)}.hamburger-line.open.svelte-12qhfyh:nth-child(2){opacity:0}.hamburger-line.open.svelte-12qhfyh:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.mobile-drawer.svelte-12qhfyh{z-index:899;background:var(--color-header-bg-solid);border-bottom:1px solid var(--color-border);padding:var(--space-2) 0;animation:svelte-12qhfyh-drawerSlide var(--dur-base) var(--ease-snap);flex-direction:column;display:none;position:fixed;top:56px;left:0;right:0}@keyframes svelte-12qhfyh-drawerSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-link.svelte-12qhfyh{padding:var(--space-3) var(--space-6);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color var(--dur-fast) var(--ease-snap), background var(--dur-fast) var(--ease-snap);font-size:14px;font-weight:500;text-decoration:none;display:block}.mobile-link.svelte-12qhfyh:hover{color:var(--color-text-primary);background:var(--color-surface-alt)}.mobile-link.active.svelte-12qhfyh{color:var(--color-accent);border-left:2px solid var(--color-accent)}.email-banner.svelte-12qhfyh{z-index:898;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-warning-bg,#facc151f);border-bottom:1px solid var(--color-warning-border,#facc154d);color:var(--color-text-primary);font-size:13px;display:flex;position:fixed;top:56px;left:0;right:0}.email-banner.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-accent);font-weight:600;text-decoration:none}.email-banner.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{text-decoration:underline}.app-main.svelte-12qhfyh{max-width:1400px;padding:var(--space-6);padding-top:calc(56px + var(--space-6));animation:fadeSlideIn var(--dur-base) var(--ease-snap);margin:0 auto}@media (width<=768px){.nav-links.svelte-12qhfyh,.signout-form.svelte-12qhfyh{display:none}.hamburger.svelte-12qhfyh,.mobile-drawer.svelte-12qhfyh{display:flex}.app-main.svelte-12qhfyh{padding:var(--space-4);padding-top:calc(56px + var(--space-4))}}@media (width<=767px) and (orientation:landscape){.app-header.svelte-12qhfyh{height:48px}.app-main.svelte-12qhfyh{padding-top:calc(48px + var(--space-3))}.mobile-drawer.svelte-12qhfyh{top:48px}.brand-text.svelte-12qhfyh{display:none}.brand-icon.svelte-12qhfyh{width:36px;height:36px}}