:root{--color-bg:#1a1a2e;--color-surface:#16213e;--color-surface-2:#0f3460;--color-primary:#ffcb05;--color-primary-dark:#3b4cca;--color-pink:#ff6b9d;--color-violet:#c77dff;--color-cyan:#00f5ff;--color-correct:#22c55e;--color-wrong:#ef4444;--color-text:#e8e8f0;--color-text-muted:#8892a4;--gradient-hero:linear-gradient(135deg, #1a1a2e 0%, #2d1b69 50%, #1a1a2e 100%);--gradient-sunset:linear-gradient(180deg, #ff6b35 0%, #ff6b9d 40%, #c77dff 80%, #1a1a2e 100%);--gradient-neon:linear-gradient(90deg, #ff6b9d, #c77dff);--gradient-primary:linear-gradient(135deg, #ffcb05 0%, #fa0 100%);--font-brand:"Zen Dots", sans-serif;--font-heading:"M PLUS Rounded 1c", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-neon-pink:0 0 20px #ff6b9d80, 0 0 40px #ff6b9d33;--shadow-neon-cyan:0 0 20px #00f5ff80, 0 0 40px #00f5ff33;--shadow-neon-yellow:0 0 20px #ffcb0599, 0 0 40px #ffcb054d;--shadow-neon-violet:0 0 20px #c77dff80, 0 0 40px #c77dff33;--shadow-card:0 8px 32px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0 Q45 15 30 30 Q15 15 30 0Z M0 30 Q15 45 0 60 M60 30 Q45 45 60 60 M0 0 Q15 15 0 30 M60 0 Q45 15 60 30' fill='none' stroke='%23ff6b9d' stroke-width='0.5' opacity='0.06'/%3E%3C/svg%3E");min-height:100dvh;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-heading);cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--gradient-neon);border-radius:var(--radius-pill)}.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #c77dff33}@media (width<=980px){.glass-card{-webkit-backdrop-filter:none;background:#1f2237f2}body:has(input:focus) .mobile-tabs{display:none}}.neon-text-yellow{color:var(--color-primary);text-shadow:var(--shadow-neon-yellow)}.neon-text-pink{color:var(--color-pink);text-shadow:var(--shadow-neon-pink)}.neon-text-cyan{color:var(--color-cyan);text-shadow:var(--shadow-neon-cyan)}.btn-primary{background:var(--gradient-primary);color:#1a1a2e;font-family:var(--font-heading);border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:800;text-decoration:none;transition:box-shadow .2s,transform .2s;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-neon-yellow);transform:translateY(-2px)}.btn-outline-neon{color:var(--color-cyan);font-family:var(--font-heading);border:1.5px solid var(--color-cyan);border-radius:var(--radius-pill);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:box-shadow .2s,transform .2s,background .2s;display:inline-flex}.btn-outline-neon:hover{box-shadow:var(--shadow-neon-cyan);background:#00f5ff14;transform:translateY(-2px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{text-shadow:0 0 20px #ffcb0599,0 0 40px #ffcb054d}50%{text-shadow:0 0 30px #ffcb05e6,0 0 60px #ffcb0580,0 0 80px #ffcb0533}}@keyframes hueShift{0%{filter:hue-rotate()}50%{filter:hue-rotate(20deg)}to{filter:hue-rotate()}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}.navbar.svelte-12qhfyh{z-index:100;-webkit-backdrop-filter:blur(16px);background:#1a1a2ed9;border-bottom:1px solid #c77dff33;align-items:center;padding:.85rem 2rem;display:flex;position:sticky;top:0}.brand.svelte-12qhfyh{align-items:center;gap:.6rem;margin-right:auto;text-decoration:none;display:flex}.pokeball.svelte-12qhfyh{filter:drop-shadow(0 0 6px #ffcb0580);transition:filter .3s}.brand.svelte-12qhfyh:hover .pokeball:where(.svelte-12qhfyh){filter:drop-shadow(0 0 12px #ffcb05e6)}.brand-text.svelte-12qhfyh{font-family:var(--font-brand);color:var(--color-primary);letter-spacing:.05em;font-size:1.3rem;animation:3s ease-in-out infinite glowPulse}.nav-links.svelte-12qhfyh{align-items:center;gap:1.5rem;display:flex}.nav-link.svelte-12qhfyh{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:.03em;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link.svelte-12qhfyh:hover{color:var(--color-pink)}.nav-link[aria-current=page].svelte-12qhfyh{color:var(--color-primary)}.nav-logout.svelte-12qhfyh{color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:color .2s}.nav-logout.svelte-12qhfyh:hover{color:var(--color-wrong)}.hamburger.svelte-12qhfyh{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:4px;display:none}.hamburger.svelte-12qhfyh span:where(.svelte-12qhfyh){background:var(--color-violet);border-radius:2px;width:22px;height:2px;transition:transform .25s,opacity .25s,background .2s;display:block}.hamburger.svelte-12qhfyh:hover span:where(.svelte-12qhfyh){background:var(--color-pink)}.hamburger.open.svelte-12qhfyh span:where(.svelte-12qhfyh):first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(2){opacity:0}.hamburger.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(3){transform:translateY(-7px)rotate(-45deg)}.drawer-overlay.svelte-12qhfyh{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a1499;border:0;padding:0;position:fixed;inset:0}.drawer.svelte-12qhfyh{z-index:201;width:90vw;max-width:320px;height:100dvh;padding:4.5rem 1rem max(2rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);background:#1a1a2ef7;border-left:1px solid #c77dff33;flex-direction:column;gap:.25rem;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.drawer-link.svelte-12qhfyh{font-family:var(--font-heading);color:var(--color-text-muted);border-bottom:1px solid #c77dff14;min-height:48px;padding:.75rem 0;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s}.drawer-link.svelte-12qhfyh:hover{color:var(--color-pink)}.drawer-link[aria-current=page].svelte-12qhfyh{color:var(--color-primary)}.drawer-logout.svelte-12qhfyh{color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;text-align:left;background:0 0;border:none;padding:.75rem 0;font-size:.9rem;transition:color .2s}.drawer-logout.svelte-12qhfyh:hover{color:var(--color-wrong)}.drawer-cta.svelte-12qhfyh{text-align:center;margin-top:1rem}.drawer-close.svelte-12qhfyh{width:44px;height:44px;color:var(--color-text);background:#c77dff1a;border:0;border-radius:50%;font-size:1.2rem;position:absolute;top:.8rem;right:1rem}.mobile-tabs.svelte-12qhfyh{display:none}main.svelte-12qhfyh{min-height:calc(100vh - 60px)}@media (width<=980px){.navbar.svelte-12qhfyh{padding:.4rem .75rem .4rem max(.75rem, env(safe-area-inset-left));-webkit-backdrop-filter:none;background:#1a1a2e}.hamburger.svelte-12qhfyh{display:flex}.nav-links.svelte-12qhfyh{display:none}.drawer-overlay.svelte-12qhfyh{-webkit-backdrop-filter:none;backdrop-filter:none}.drawer.svelte-12qhfyh{-webkit-backdrop-filter:none}.brand-text.svelte-12qhfyh{text-shadow:0 0 14px #ffcb0559;animation:none}main.with-tabs.svelte-12qhfyh{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.mobile-tabs.svelte-12qhfyh{z-index:90;padding:.35rem max(.25rem, env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.25rem, env(safe-area-inset-left));background:#161b30f7;border-top:1px solid #c77dff47;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0000003d}body:has(.answer-input:focus) .mobile-tabs.svelte-12qhfyh{display:none}body:has(.answer-input:focus) main.with-tabs.svelte-12qhfyh{padding-bottom:0}.mobile-tabs.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#b5bdd0;min-height:52px;font-family:var(--font-heading);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;font-size:.64rem;font-weight:700;line-height:1.2;display:flex}.mobile-tabs.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--color-primary);background:#ffcb051a}.mobile-tabs.svelte-12qhfyh a:where(.svelte-12qhfyh)>span:where(.svelte-12qhfyh):last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab-icon.svelte-12qhfyh{font-family:var(--font-heading);font-size:1.3rem;line-height:1.25}}.lang-selector.svelte-12qhfyh{border-left:1px solid #c77dff33;align-items:center;gap:.15rem;margin-left:.5rem;padding-left:.75rem;display:flex}.lang-btn.svelte-12qhfyh{color:var(--color-text-muted);font-family:var(--font-heading);letter-spacing:.04em;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;min-width:32px;min-height:32px;padding:.2rem .3rem;font-size:.72rem;font-weight:700;transition:color .15s,background .15s}.lang-btn.svelte-12qhfyh:hover{color:var(--color-violet);background:#c77dff14}.lang-btn.active.svelte-12qhfyh{color:var(--color-primary)}.drawer-lang.svelte-12qhfyh{border-top:1px solid #c77dff1a;border-left:none;gap:.25rem;margin-top:1rem;margin-left:0;padding-top:1rem;padding-left:0}.drawer-lang.svelte-12qhfyh .lang-btn:where(.svelte-12qhfyh){min-width:42px;min-height:44px}