.theme-switcher[data-v-9ac3f602]{position:relative}.theme-toggle[data-v-9ac3f602]{width:40px;height:40px;border-radius:50%;border:2px solid var(--card-border);background:var(--bg-elevated);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.theme-toggle[data-v-9ac3f602]:hover{transform:scale(1.08)}.theme-menu[data-v-9ac3f602]{position:absolute;top:48px;right:0;z-index:20;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:8px;display:flex;flex-direction:column;gap:2px;min-width:180px}.theme-option[data-v-9ac3f602]{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer;font-weight:700;font-size:.9rem;color:var(--text);text-align:left;font-family:var(--font-body);white-space:nowrap}.theme-option[data-v-9ac3f602]:hover{background:var(--bg)}.theme-option.active[data-v-9ac3f602]{background:#7c5cff1f}.swatch-pair[data-v-9ac3f602]{display:flex;gap:2px;flex-shrink:0}.dot[data-v-9ac3f602]{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.check[data-v-9ac3f602]{margin-left:auto;color:var(--primary)}.topbar[data-v-b1d73b59]{background:var(--bg-elevated);border-bottom:1px solid var(--card-border);position:sticky;top:0;z-index:10}.topbar-inner[data-v-b1d73b59]{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:16px;flex-wrap:wrap}.brand[data-v-b1d73b59]{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--text)}.brand-icon[data-v-b1d73b59]{width:34px;height:34px;border-radius:50%;object-fit:cover}.brand-accent[data-v-b1d73b59]{color:var(--primary)}.right-controls[data-v-b1d73b59]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-chip[data-v-b1d73b59]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.avatar-badge[data-v-b1d73b59]{width:40px;height:40px;border-radius:50%;border:2px solid var(--card-border);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.page[data-v-b1d73b59]{flex:1;display:flex;flex-direction:column}.fade-page-enter-active[data-v-b1d73b59],.fade-page-leave-active[data-v-b1d73b59]{transition:opacity .18s ease}.fade-page-enter-from[data-v-b1d73b59],.fade-page-leave-to[data-v-b1d73b59]{opacity:0}:root{--font-heading: "Baloo 2", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--bg: #f5f3ff;--bg-elevated: #ffffff;--card: #ffffff;--card-border: #e6e1fb;--text: #241f3d;--text-muted: #6b6584;--primary: #7c5cff;--primary-dark: #5f3dfa;--accent-teal: #22c1a6;--accent-coral: #ff6b6b;--accent-gold: #ffb020;--accent-blue: #3b82f6;--accent-pink: #ec4899;--success: #22c17a;--danger: #ff5d5d;--shadow-sm: 0 2px 8px rgba(36, 31, 61, .08);--shadow-md: 0 8px 24px rgba(36, 31, 61, .12);--shadow-lg: 0 16px 40px rgba(36, 31, 61, .18);--radius: 20px;--radius-sm: 12px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16132a;--bg-elevated: #1f1b38;--card: #221d3f;--card-border: #352c5c;--text: #f1eefc;--text-muted: #a89fd1;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark]{--bg: #16132a;--bg-elevated: #1f1b38;--card: #221d3f;--card-border: #352c5c;--text: #f1eefc;--text-muted: #a89fd1;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);color-scheme:dark}:root[data-color-theme=taft]{--bg: #f4f1ec;--bg-elevated: #ffffff;--card: #ffffff;--card-border: #ddd8d2;--text: #211c1a;--text-muted: #6d655f;--primary: #9e1b32;--primary-dark: #7a1526;--accent-teal: #7c8288;--accent-coral: #c1272d}@media(prefers-color-scheme:dark){:root[data-color-theme=taft]:not([data-theme=light]){--bg: #1c1a1a;--bg-elevated: #262322;--card: #262322;--card-border: #3a3634;--text: #f2efea;--text-muted: #b7b2ac;--primary: #c7324a;--primary-dark: #9e1b32;--accent-teal: #9ba0a4;--accent-coral: #d6394f}}:root[data-color-theme=taft][data-theme=dark]{--bg: #1c1a1a;--bg-elevated: #262322;--card: #262322;--card-border: #3a3634;--text: #f2efea;--text-muted: #b7b2ac;--primary: #c7324a;--primary-dark: #9e1b32;--accent-teal: #9ba0a4;--accent-coral: #d6394f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;margin:0 0 .4em}a{color:inherit}button{font-family:var(--font-body)}.container{width:100%;max-width:980px;margin:0 auto;padding:0 20px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:1rem;border:none;border-radius:999px;padding:12px 22px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;color:#fff;background:var(--primary);box-shadow:var(--shadow-sm)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--card);color:var(--text);border:2px solid var(--card-border)}.btn-teal{background:var(--accent-teal)}.btn-coral{background:var(--accent-coral)}.btn-gold{background:var(--accent-gold);color:#4a3300}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 32px;font-size:1.15rem}.badge{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:.75rem;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:var(--bg);color:var(--text-muted);text-transform:uppercase}.badge-easy{background:#22c1a629;color:var(--accent-teal)}.badge-medium{background:#ffb0202e;color:#a86500}.badge-hard{background:#ff6b6b2e;color:var(--accent-coral)}.stat-pill{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-family:var(--font-heading);background:var(--bg-elevated);border:1px solid var(--card-border);border-radius:999px;padding:6px 14px;font-size:.95rem}.text-muted{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pop-in{animation:pop-in .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.fade-in{animation:fade-in .3s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shake .4s ease}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:999px}