@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&display=swap";:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-jp:"Noto Sans JP", sans-serif;--bg-primary:#f6f8fa;--bg-secondary:#fff;--border-color:#e5e7eb;--border-muted:#f3f4f6;--text-main:#1f2937;--text-muted:#6b7280;--color-brand:#4f46e5;--color-brand-hover:#4338ca;--color-brand-glow:#4f46e514;--bg-correct:#10b9810d;--border-correct:#10b98133;--text-correct:#059669;--bg-incorrect:#ef44440d;--border-incorrect:#ef444433;--text-incorrect:#dc2626;--shadow-card:0 4px 20px -2px #00000008, 0 2px 8px -1px #00000005;--shadow-glow:0 0 15px #4f46e50d}.dark{--bg-primary:#080c14;--bg-secondary:#0f172a;--border-color:#ffffff0f;--border-muted:#ffffff08;--text-main:#f3f4f6;--text-muted:#9ca3af;--color-brand:#6366f1;--color-brand-hover:#4f46e5;--color-brand-glow:#6366f126;--bg-correct:#10b9810f;--border-correct:#10b98140;--text-correct:#34d399;--bg-incorrect:#ef44440f;--border-incorrect:#ef444440;--text-incorrect:#f87171;--shadow-card:0 8px 30px -4px #0000004d, 0 4px 12px -2px #0003;--shadow-glow:0 0 20px #6366f11a}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.text-3xl{font-family:var(--font-jp)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9ca3af40;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#9ca3af73}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-4\.5{gap:1.125rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.max-w-max{max-width:max-content}.max-w-4xl{max-width:52rem}.max-w-5xl{max-width:60rem}.max-w-6xl{max-width:68rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.pb-16{padding-bottom:4rem}.p-1{padding:.25rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pt-4{padding-top:1rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-style:solid;border-width:1px;border-color:var(--border-color)}.border-dashed{border-style:dashed}.border-transparent{border-color:#0000}.border-b{border-style:solid;border-bottom-width:1px;border-color:var(--border-color)}.border-t{border-style:solid;border-top-width:1px;border-color:var(--border-color)}.bg-white{background-color:var(--bg-secondary)}.bg-neutral-50{background-color:var(--bg-primary)}.bg-neutral-100{background-color:var(--border-muted)}.bg-indigo-50{background-color:var(--bg-correct)}.bg-indigo-500{background-color:var(--color-brand)}.bg-indigo-600{background-color:var(--color-brand-hover)}.bg-rose-50{background-color:var(--bg-incorrect)}.bg-emerald-50{background-color:var(--bg-correct)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-neutral-400,.text-neutral-500,.text-neutral-600{color:var(--text-muted)}.text-neutral-700,.text-neutral-800,.text-neutral-900{color:var(--text-main)}.text-white{color:#fff}.text-indigo-600,.text-indigo-400{color:var(--color-brand)}.text-emerald-500,.text-emerald-700{color:var(--text-correct)}.text-rose-500,.text-rose-600,.text-rose-700{color:var(--text-incorrect)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md,.shadow-lg{box-shadow:var(--shadow-card)}.transition-all{transition-property:all}.duration-300{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(.16,1,.3,1)}.cursor-text{cursor:text}.cursor-not-allowed{cursor:not-allowed}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.bottom-1{bottom:.25rem}.left-0{left:0}.right-0{right:0}.top-1\/2{top:50%}.overflow-hidden{overflow:hidden}@media (width>=640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-4{gap:1rem}.md\:p-8{padding:2rem}}@media (width>=1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}@media (width>=1280px){.xl\:block{display:block}}.hover\:bg-neutral-50:hover{background-color:var(--border-muted)}.hover\:bg-neutral-200:hover{background-color:var(--border-color)}.hover\:bg-rose-100:hover{background-color:#ef44441a}.hover\:bg-indigo-700:hover{background-color:var(--color-brand-hover)}.hover\:text-indigo-600:hover{color:var(--color-brand)}.hover\:shadow-md:hover{box-shadow:var(--shadow-card)}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.active\:scale-95:active{transform:scale(.96)}.border-indigo-500{border-color:var(--color-brand)!important;box-shadow:0 0 0 3px var(--color-brand-glow)!important}.glass-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.animate-shake{animation:.25s ease-in-out shake}.ai-container{z-index:9999;font-family:var(--font-sans);position:fixed;bottom:1.25rem;right:1.25rem}@media (width<=640px){.ai-container{bottom:1rem;right:1rem}}.ai-board-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);border:none;border-radius:1rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 20px -6px #6366f166}.ai-board-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 12px 24px -5px #6366f180,0 0 15px #6366f133}.ai-board-btn:active{transform:translateY(0)scale(.97)}.ai-chat-window{-webkit-backdrop-filter:blur(16px);z-index:10000;background:#ffffffeb;border:1px solid #00000014;border-radius:1.25rem;flex-direction:column;width:360px;height:480px;display:flex;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 20px 40px -15px #00000026}.dark .ai-chat-window{background:#0f172aeb;border:1px solid #ffffff14;box-shadow:0 25px 50px -12px #00000080}@media (width<=640px){.ai-chat-window{width:calc(100vw - 2rem)!important;height:calc(100vh - 6rem)!important}}.cursor-nwse-resize{cursor:nwse-resize}.ai-messages-container::-webkit-scrollbar{width:7px!important}.ai-messages-container::-webkit-scrollbar-track{background:#0000000a!important}.dark .ai-messages-container::-webkit-scrollbar-track{background:#ffffff05!important}.ai-messages-container::-webkit-scrollbar-thumb{background:#6366f1a6!important;border-radius:9999px!important}.ai-messages-container::-webkit-scrollbar-thumb:hover{background:#6366f1d9!important}.flex-1{flex:1}.shrink-0{flex-shrink:0}.ai-header-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);border:none;border-radius:.75rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 15px -3px #6366f14d}.ai-header-btn:hover{opacity:.9;transform:translateY(-1.5px);box-shadow:0 6px 20px -3px #6366f166}.ai-header-btn:active{transform:translateY(0)scale(.97)}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-bounce-slow{animation:2s ease-in-out infinite bounceSlow}