@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--color-primary-50:#edfafa;--color-primary-100:#d5f5f6;--color-primary-200:#afecee;--color-primary-300:#7edce2;--color-primary-400:#16bdca;--color-primary-500:#0694a2;--color-primary-600:#047481;--color-primary-700:#036672;--color-primary-800:#05505c;--color-primary-900:#014451;--color-accent-400:#f6ad55;--color-accent-500:#ed8936;--color-success-100:#def7ec;--color-success-500:#0e9f6e;--color-success-700:#057a55;--color-error-100:#fde8e8;--color-error-500:#f05252;--color-error-700:#c81e1e;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-base:#fff;--bg-surface:#f9fafb;--bg-elevated:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-subtle:#f3f4f6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-sans:"Noto Sans JP", "Inter", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--container-max:800px;--header-height:60px}@media (prefers-color-scheme:dark){:root{--bg-base:#0f172a;--bg-surface:#1e293b;--bg-elevated:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border-color:#334155;--border-subtle:#1e293b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700)}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-4);margin-inline:auto}.container--wide{max-width:1100px}.card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));color:#fff;box-shadow:0 2px 8px #0694a259}.btn--primary:hover{background:linear-gradient(135deg, var(--color-primary-400), var(--color-primary-500));transform:translateY(-1px);box-shadow:0 4px 12px #0694a273}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover{background:var(--color-gray-100)}.btn--ghost{color:var(--color-primary-600);background:0 0}.btn--ghost:hover{background:var(--color-primary-50)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn--full{width:100%}.badge{padding:2px var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;font-weight:600;display:inline-flex}.badge--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge--success{background:var(--color-success-100);color:var(--color-success-700)}.badge--error{background:var(--color-error-100);color:var(--color-error-700)}.badge--gray{background:var(--color-gray-100);color:var(--color-gray-600)}.badge--easy{color:#065f46;background:#d1fae5}.badge--normal{color:#92400e;background:#fef3c7}.badge--hard{color:#991b1b;background:#fee2e2}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--color-gray-200);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fade-in var(--transition-normal) both}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}
.AuthButton-module__lB93pW__skeleton{border-radius:var(--radius-md);background:var(--color-gray-200);width:80px;height:32px;animation:1.5s ease-in-out infinite AuthButton-module__lB93pW__skeleton-pulse}.AuthButton-module__lB93pW__user{align-items:center;gap:var(--space-2);display:flex}.AuthButton-module__lB93pW__dashboardLink{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;text-decoration:none}.AuthButton-module__lB93pW__dashboardLink:hover{color:var(--color-primary-600);background:var(--color-primary-50)}
.Header-module__lnUIdW__header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#ffffffd9;position:fixed;top:0;left:0;right:0}@media (prefers-color-scheme:dark){.Header-module__lnUIdW__header{background:#0f172ad9}}.Header-module__lnUIdW__inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:100%;display:flex}.Header-module__lnUIdW__logo{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-lg);color:var(--text-primary);flex-shrink:0;text-decoration:none;display:flex}.Header-module__lnUIdW__logo:hover{color:var(--text-primary)}.Header-module__lnUIdW__logoIcon{font-size:1.4rem}.Header-module__lnUIdW__logoText{letter-spacing:-.02em}.Header-module__lnUIdW__logoAccent{color:var(--color-primary-500)}.Header-module__lnUIdW__nav{align-items:center;gap:var(--space-1);display:flex}.Header-module__lnUIdW__navLink{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;text-decoration:none}.Header-module__lnUIdW__navLink:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.Header-module__lnUIdW__actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.Header-module__lnUIdW__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:none}.Header-module__lnUIdW__hamburger span{background:var(--text-primary);width:100%;height:2px;transition:all var(--transition-fast);border-radius:2px;display:block}.Header-module__lnUIdW__mobileMenu{background:var(--bg-elevated);border-top:1px solid var(--border-color);padding:var(--space-2) 0;box-shadow:var(--shadow-md);flex-direction:column;display:flex}.Header-module__lnUIdW__mobileLink{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);color:var(--text-primary);transition:background var(--transition-fast);text-decoration:none}.Header-module__lnUIdW__mobileLink:hover{background:var(--bg-surface);color:var(--color-primary-600)}@media (max-width:768px){.Header-module__lnUIdW__nav{display:none}.Header-module__lnUIdW__hamburger{display:flex}}
.Footer-module__3hUVsW__footer{background:var(--color-gray-900);color:var(--color-gray-400);margin-top:var(--space-16)}.Footer-module__3hUVsW__inner{padding-block:var(--space-12) var(--space-8)}.Footer-module__3hUVsW__grid{gap:var(--space-8);margin-bottom:var(--space-10);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.Footer-module__3hUVsW__logo{font-size:var(--font-size-lg);color:#fff;margin-bottom:var(--space-3);font-weight:700;text-decoration:none;display:inline-block}.Footer-module__3hUVsW__logo:hover{color:var(--color-primary-400)}.Footer-module__3hUVsW__tagline{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.7}.Footer-module__3hUVsW__linkGroup{gap:var(--space-2);flex-direction:column;display:flex}.Footer-module__3hUVsW__linkHeading{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);margin-bottom:var(--space-1);font-weight:700}.Footer-module__3hUVsW__link{font-size:var(--font-size-sm);color:var(--color-gray-400);transition:color var(--transition-fast);text-decoration:none}.Footer-module__3hUVsW__link:hover{color:var(--color-primary-400)}.Footer-module__3hUVsW__bottom{border-top:1px solid var(--color-gray-800);padding-top:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.Footer-module__3hUVsW__copyright{font-size:var(--font-size-sm);color:var(--color-gray-500)}.Footer-module__3hUVsW__disclaimer{font-size:var(--font-size-xs);color:var(--color-gray-600)}@media (max-width:768px){.Footer-module__3hUVsW__grid{grid-template-columns:1fr 1fr}.Footer-module__3hUVsW__brand{grid-column:1/-1}}@media (max-width:480px){.Footer-module__3hUVsW__grid{grid-template-columns:1fr}}