@import "https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap";
@font-face{font-family:Sora;src:url(/fonts/Sora-VariableFont_wght.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-VariableFont_wght.ttf)format("truetype-variations");font-weight:200 800;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}:root{--aurora-navy-950:#060b1f;--aurora-navy-900:#0b1530;--aurora-navy-800:#14213d;--aurora-navy-700:#1e2f55;--aurora-navy-600:#2a3f6d;--aurora-navy-500:#3b528a;--aurora-navy-400:#6b7ba6;--aurora-navy-300:#9ca7c2;--aurora-navy-200:#c9cfdd;--aurora-navy-100:#e5e8ef;--aurora-navy-50:#f2f4f8;--aurora-blue-900:#0e3a8a;--aurora-blue-700:#1e5bc6;--aurora-blue-500:#3d7bff;--aurora-blue-400:#6b9bff;--aurora-blue-300:#9dbcff;--aurora-blue-100:#dce7ff;--aurora-blue-50:#eef3ff;--aurora-coral-900:#7a1e2c;--aurora-coral-700:#c13a52;--aurora-coral-500:#ff6478;--aurora-coral-400:#ff8a98;--aurora-coral-300:#ffb1bb;--aurora-coral-100:#ffd9de;--aurora-coral-50:#ffeef1;--aurora-orange-900:#7a3508;--aurora-orange-700:#c25e14;--aurora-orange-500:#ff8a3d;--aurora-orange-400:#ffa56b;--aurora-orange-300:#ffc097;--aurora-orange-100:#ffe2cd;--aurora-orange-50:#fff2e6;--aurora-bg-50:#fafafb;--aurora-bg-100:#f4f5f7;--aurora-bg-200:#e9ebf0;--aurora-ink-900:#0b1530;--aurora-ink-700:#2a3142;--aurora-ink-500:#5a6177;--aurora-ink-400:#8a91a6;--aurora-ink-300:#b3b9c9;--color-bg:var(--aurora-bg-50);--color-bg-elevated:#fff;--color-bg-muted:var(--aurora-bg-100);--color-fg:var(--aurora-ink-900);--color-fg-muted:var(--aurora-ink-500);--color-fg-subtle:var(--aurora-ink-400);--color-border:#0b153014;--color-border-strong:#0b153029;--color-divider:#0b15300f;--color-accent:var(--aurora-coral-500);--color-danger:#d8425a;--color-success:#2ba46a;--gradient-aurora:linear-gradient(135deg,#0b1530 0%,#1e2f55 22%,#3d7bff 48%,#ff6478 78%,#ff8a3d 100%);--gradient-coral-orange:linear-gradient(135deg,#ff6478 0%,#ff8a3d 100%);--font-display:"Sora", ui-sans-serif, system-ui, sans-serif;--font-body:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-accent:"Sawarabi Mincho", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #0b15300a;--shadow-sm:0 2px 8px #0b15300f;--shadow-md:0 8px 24px #0b153014;--shadow-lg:0 16px 48px #0b15301a;--shadow-glow-coral:0 8px 32px #ff647852;--shadow-glow-blue:0 8px 32px #3d7bff47;--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.42s;--tone-study:var(--aurora-coral-500);--tone-study-soft:var(--aurora-coral-50);--tone-study-tint:var(--aurora-coral-100);--tone-study-ink:var(--aurora-coral-900);--tone-quiz:var(--aurora-blue-500);--tone-quiz-soft:var(--aurora-blue-50);--tone-quiz-tint:var(--aurora-blue-100);--tone-quiz-ink:var(--aurora-blue-900);--tone-project:#1fa98a;--tone-project-soft:#e8f7f2;--tone-project-tint:#c8ebdf;--tone-project-ink:#0e5c49;--tone-reflect:var(--aurora-orange-500);--tone-reflect-soft:var(--aurora-orange-50);--tone-reflect-tint:var(--aurora-orange-100);--tone-reflect-ink:var(--aurora-orange-900)}html,body{font-family:var(--font-body);color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:16px}.bg-dawn-soft{background:radial-gradient(60% 60% at 20% 0%,#ff8a3d1a,transparent 70%), radial-gradient(70% 60% at 90% 10%,#ff64781f,transparent 70%), radial-gradient(70% 70% at 10% 100%,#3d7bff1a,transparent 70%), var(--aurora-bg-50)}.text-gradient-aurora{background:var(--gradient-aurora);color:#0000;-webkit-background-clip:text;background-clip:text}.progress{background:var(--aurora-navy-100);border-radius:999px;width:100%;height:6px;overflow:hidden}.progress .fill{background:var(--gradient-coral-orange);height:100%;transition:width .38s var(--ease-out);border-radius:999px}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--aurora-coral-500);color:#fff;box-shadow:var(--shadow-glow-coral)}.btn-primary:hover:not(:disabled){background:var(--aurora-coral-700)}.btn-outline{color:var(--aurora-navy-900);border-color:var(--color-border-strong);background:0 0}.btn-outline:hover:not(:disabled){background:var(--aurora-navy-50);border-color:var(--aurora-navy-900)}.btn-ghost{color:var(--color-fg-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-fg);background:var(--aurora-navy-50)}.btn-tone{background:var(--tone,var(--aurora-coral-500));color:#fff}.btn-tone:hover:not(:disabled){filter:brightness(.92)}.btn-block{width:100%}.btn-lg{padding:14px 24px;font-size:16px}.btn-sm{border-radius:var(--radius-xs);padding:8px 14px;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field label{font-family:var(--font-body);color:var(--color-fg);font-size:13px;font-weight:600}.input,.textarea{font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);color:var(--color-fg);width:100%;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:#fff;outline:none;padding:12px 14px;font-size:15px}.input:focus,.textarea:focus{border-color:var(--aurora-coral-500);box-shadow:0 0 0 3px #ff64782e}.textarea{resize:vertical;min-height:80px;line-height:1.5}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff}.chip{font-family:var(--font-body);color:var(--color-fg);border:1px solid var(--color-border-strong);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--dur-base) var(--ease-out);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--aurora-navy-900)}.chip.is-selected{background:var(--tone,var(--aurora-coral-500));color:#fff;border-color:#0000}.badge{font-family:var(--font-body);background:var(--aurora-navy-50);color:var(--aurora-navy-700);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.error-banner{color:var(--color-danger);border-radius:var(--radius-sm);background:#d8425a14;border:1px solid #d8425a29;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.typing-dots{align-items:center;gap:4px;height:18px;display:inline-flex}.typing-dots span{background:var(--aurora-navy-300);border-radius:999px;width:7px;height:7px;animation:1.2s ease-in-out infinite typing}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}@keyframes typing{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.fade-in{animation:fadeIn .38s var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scroll-area{overflow-y:auto}.scroll-area::-webkit-scrollbar{width:8px}.scroll-area::-webkit-scrollbar-thumb{background:#0b15301f;border-radius:999px}.link{color:var(--aurora-coral-500);transition:color var(--dur-base) var(--ease-out);font-weight:600;text-decoration:none}.link:hover{color:var(--aurora-coral-700)}