@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&family=Klee+One:wght@400;600&family=Noto+Serif+JP:wght@400;500;700;900&display=swap";:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-jp:"UD Digital Kyokasho NK-R", "UD Digital Kyokasho NP-R", "Klee One", "Kyokasho ICA", "Noto Serif 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)}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;background:0 0;font-family:inherit}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-japanese{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}.justify-end{justify-content:flex-end}.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%}.h-\[170px\]{height:170px}.h-\[140px\]{height:140px}.h-\[120px\]{height:120px}.h-\[130px\]{height:130px}.h-\[108px\]{height:108px}.h-\[100px\]{height:100px}.h-\[90px\]{height:90px}.h-\[82px\]{height:82px}.min-w-\[90px\]{min-width:90px}.min-h-screen{min-height:100vh}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.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}.block{display:block}.whitespace-nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.bottom-1{bottom:.25rem}.right-0{right:0}.top-2{top:.5rem}.left-2{left:.5rem}.right-2{right:.5rem}.top-1\/2{top:50%}.z-10{z-index:10}.duration-250{transition-duration:.25s}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.group:hover .group-hover\:opacity-60{opacity:.6}.hover\:opacity-100:hover{opacity:1!important}.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-bubble-btn{color:#fff;cursor:pointer;z-index:10001;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);border:none;border-radius:9999px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;right:0;box-shadow:0 8px 24px -6px #6366f180,0 0 15px #6366f133}.ai-bubble-btn:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 12px 28px -5px #6366f199,0 0 20px #6366f14d}.ai-bubble-btn:active{transform:scale(.95)}.ai-bubble-btn svg{transition:transform .3s}.ai-bubble-btn:hover svg{transform:rotate(8deg)}.ai-bubble-btn.active{background:linear-gradient(135deg,#ef4444,#f43f5e);box-shadow:0 8px 20px -6px #ef444466}.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:4.5rem;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{bottom:5rem;width:calc(100vw - 2rem)!important;height:calc(100vh - 8rem)!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}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:8s linear infinite spinSlow}.-left-16{left:-4rem}.-translate-y-1\/2{transform:translateY(-50%)}.overflow-y-auto{overflow-y:auto}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.flex-row-reverse{flex-direction:row-reverse}.max-w-\[85\%\]{max-width:85%}.rounded-tr-sm{border-top-right-radius:.125rem}.rounded-tl-sm{border-top-left-radius:.125rem}.w-1\.5{width:.375rem}.h-1\.5{height:.375rem}.w-2{width:.5rem}.h-2{height:.5rem}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-14{width:3.5rem}.h-14{height:3.5rem}.pl-4{padding-left:1rem}.top-0{top:0}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.z-20{z-index:20}.z-30{z-index:30}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.bg-indigo-500\/10{background-color:#4f46e51a}.bg-neutral-100\/60{background-color:#f3f4f699}.border-neutral-200\/5{border-color:#e5e7eb0d}.dark .dark\:bg-neutral-900\/50{background-color:#0f172a80}.text-\[10\.5px\]{font-size:10.5px}.bg-indigo-500\/5,.hover\:bg-indigo-500\/5:hover{background-color:#4f46e50d}.dark .dark\:bg-neutral-950{background-color:#030712}.border-neutral-200\/10{border-color:#e5e7eb1a}.dark .dark\:border-neutral-850{border-color:#26262699}.hover\:border-indigo-500\/20:hover{border-color:#4f46e533}.hover\:text-indigo-500:hover{color:var(--color-brand)}.dark .dark\:hover\:text-indigo-400:hover{color:#818cf8}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:border-indigo-500:focus{border-color:var(--color-brand)}.focus\:ring-1:focus{box-shadow:0 0 0 1px var(--color-brand-glow)}.focus\:ring-indigo-500\/5:focus{box-shadow:0 0 0 3px #4f46e50d}.dark .dark\:text-neutral-100{color:#f3f4f6}.placeholder-neutral-400::placeholder{color:#9ca3af}.dark .dark\:placeholder-neutral-600::placeholder{color:#4b5563}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-kf}@keyframes pulse-kf{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:1s infinite bounce-kf}@keyframes bounce-kf{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-pulse-slow{animation:3s infinite pulse-slow-kf}@keyframes pulse-slow-kf{0%,to{opacity:1}50%{opacity:.85}}.ai-avatar-bot{color:#fff!important;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899)!important;border:1px solid #fff3!important;border-radius:.75rem!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:1.75rem!important;height:1.75rem!important;display:flex!important;position:relative!important;box-shadow:0 4px 12px #6366f133!important}.text-amber-300{color:#fcd34d!important}.-top-0\.5{top:-.125rem!important}.-right-0\.5{right:-.125rem!important}.bg-gold{color:#7a4b00!important;background:linear-gradient(135deg,#ffe066 0%,#f5a623 100%)!important;box-shadow:0 6px 20px #f5a62340!important}.bg-silver{color:#3f4247!important;background:linear-gradient(135deg,#e6e9f0 0%,#aeb1b9 100%)!important;box-shadow:0 6px 20px #aeb1b933!important}.bg-bronze{color:#5c351b!important;background:linear-gradient(135deg,#f0c49e 0%,#c37a4c 100%)!important;box-shadow:0 6px 20px #c37a4c33!important}@keyframes slideUp-kf{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp-kf}.avatar-option-btn{transition:all .25s cubic-bezier(.16,1,.3,1)}.avatar-option-btn:hover{transform:scale(1.15)translateY(-2px)}.-right-3{right:-.75rem!important}.-top-3{top:-.75rem!important}.text-white\/10{color:#ffffff1a!important}.rotate-12{transform:rotate(12deg)!important}.bg-black\/10{background-color:#0000001a!important}.dark .dark\:bg-white\/10{background-color:#ffffff1a!important}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.max-w-\[120px\]{max-width:120px}@media (width>=640px){.sm\:max-w-\[140px\]{max-width:140px}}.glowing-blob{filter:blur(140px);opacity:.08;z-index:-10;pointer-events:none;border-radius:50%;width:35vw;height:35vw;transition:opacity .5s;position:fixed}.dark .glowing-blob{opacity:.12}.glowing-blob-1{background:radial-gradient(circle,#6366f1 0%,#6366f100 70%);animation:25s ease-in-out infinite alternate float-blob-1;top:5%;left:-10%}.glowing-blob-2{background:radial-gradient(circle,#ec4899 0%,#ec489900 70%);animation:28s ease-in-out infinite alternate float-blob-2;bottom:5%;right:-10%}.glowing-blob-3{background:radial-gradient(circle,#f59e0b 0%,#f59e0b00 70%);animation:32s ease-in-out infinite alternate float-blob-3;top:40%;left:45%}@keyframes float-blob-1{0%{transform:translate(0)scale(1)}to{transform:translate(6vw,8vh)scale(1.15)}}@keyframes float-blob-2{0%{transform:translate(0)scale(1)}to{transform:translate(-8vw,-6vh)scale(1.12)}}@keyframes float-blob-3{0%{transform:translate(0)scale(1)}to{transform:translate(5vw,-5vh)scale(1.2)}}.tab-container{z-index:1;background:#f3f4f6cc;border:1px solid #00000008;border-radius:1.25rem;padding:.375rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.dark .tab-container{background:#0f172a99;border:1px solid #ffffff0a}.tab-slider-bg{z-index:0;background:#fff;border-radius:.875rem;height:calc(100% - .75rem);transition:all .35s cubic-bezier(.16,1,.3,1);position:absolute;top:.375rem;left:.375rem;box-shadow:0 4px 12px -2px #0000000a,0 2px 4px -1px #00000005}.dark .tab-slider-bg{background:#1e293bd9;border:1px solid #ffffff0f;box-shadow:0 4px 15px -2px #0006}.tab-nav-btn{z-index:1;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.kana-cell-perspective{perspective:1000px}.kana-cell-card{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .3s}.kana-cell-card:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 12px 24px -8px #6366f126,0 0 1px 1px #6366f133}.dark .kana-cell-card:hover{box-shadow:0 16px 32px -8px #6366f14d,0 0 1px 1px #6366f166}.glowing-gradient-border{position:relative}.glowing-gradient-border:before{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);transition:opacity .3s;position:absolute;inset:-1px}.glowing-gradient-border:hover:before{opacity:.7}@keyframes rippleGlow{0%{box-shadow:0 0 #10b98180}to{box-shadow:0 0 0 15px #10b98100}}.animate-ripple-glow{animation:.6s cubic-bezier(.16,1,.3,1) forwards rippleGlow}.matching-canvas{pointer-events:none;z-index:50;width:100%;height:100%;position:absolute;top:0;left:0}.matching-card{transform-style:preserve-3d;transition:all .3s cubic-bezier(.16,1,.3,1)}.matching-card:active{transform:scale(.95)}.podium-column{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.podium-column:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:4px;position:absolute;top:0;left:0}.podium-column-1{background:linear-gradient(#f5a6231f 0%,#f5a62305 100%);border:1px solid #f5a62340}.podium-column-2{background:linear-gradient(#aeb1b91f 0%,#aeb1b905 100%);border:1px solid #aeb1b933}.podium-column-3{background:linear-gradient(#c37a4c1f 0%,#c37a4c05 100%);border:1px solid #c37a4c33}@keyframes rotateHalo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.halo-sparkle{border:2px dashed #f5a62366;border-radius:50%;animation:12s linear infinite rotateHalo;position:absolute;inset:-6px}@keyframes championBob{0%,to{filter:drop-shadow(0 0 10px #f59e0bd9);transform:translate(-50%)scale(1)}50%{filter:drop-shadow(0 0 18px #f59e0b);transform:translate(-50%,-6px)scale(1.08)}}.floating-champion{animation:3s ease-in-out infinite championBob}@keyframes aiBreath{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.ai-bubble-breath{animation:4s ease-in-out infinite aiBreath}.starfield-canvas{pointer-events:none;z-index:-50;background:radial-gradient(circle,#0f172a1a 0%,#080c1466 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.translate-z-10{transform:translateZ(10px)}.translate-z-20{transform:translateZ(20px)}.translate-z-30{transform:translateZ(30px)}.translate-z-35{transform:translateZ(35px)}.translate-z-50{transform:translateZ(50px)}@keyframes hologram-glow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hologram-card{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:relative}.hologram-card:after{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(90deg,#ff007f,#7f00ff,#00f0ff,#ff007f) 0 0/300% 300%;transition:opacity .4s;animation:4s linear infinite hologram-glow;position:absolute;inset:-1.5px}.hologram-card:hover:after{opacity:.85}.podium-3d-stage{perspective:1000px;transform-style:preserve-3d;justify-content:center;align-items:flex-end;display:flex}.podium-3d-box{width:110px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;transform:rotateX(-12deg)rotateY(18deg)}.podium-3d-box:hover{transform:rotateX(-8deg)rotateY(24deg)scale(1.08)}.podium-3d-face{box-sizing:border-box;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid #ffffff26;width:100%;position:absolute;transform:translateZ(0)}.podium-3d-front{border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:.5rem .25rem;display:flex;transform:rotateY(0)translateZ(35px);box-shadow:0 10px 25px #0000004d}.podium-3d-top{border-radius:12px;justify-content:center;align-items:center;height:70px;display:flex;top:-35px;transform:rotateX(90deg)translateZ(35px);box-shadow:inset 0 2px 10px #fff3}.podium-3d-right{opacity:.85;border-radius:12px;width:70px;height:100%;right:-35px;transform:rotateY(90deg)translateZ(75px)}.podium-gold-front{color:#fff;background:linear-gradient(135deg,#f59e0be6 0%,#d97706bf 100%);border:1.5px solid #f59e0b80;box-shadow:0 10px 25px #f59e0b40,0 0 25px #f59e0b33}.podium-gold-top{background:linear-gradient(135deg,#fcd34d 0%,#fbbf24 100%);border:1.5px solid #f59e0b99}.podium-gold-right{background:linear-gradient(135deg,#d97706d9 0%,#b45309b3 100%);border:1.5px solid #d9770666}.podium-silver-front{color:#fff;background:linear-gradient(135deg,#94a3b8e6 0%,#64748bbf 100%);border:1.5px solid #94a3b866}.podium-silver-top{background:linear-gradient(135deg,#cbd5e1 0%,#94a3b8 100%);border:1.5px solid #94a3b880}.podium-silver-right{background:linear-gradient(135deg,#64748bd9 0%,#475569b3 100%);border:1.5px solid #64748b4d}.podium-bronze-front{color:#fff;background:linear-gradient(135deg,#c55a11e6 0%,#8a360fbf 100%);border:1.5px solid #c55a1166}.podium-bronze-top{background:linear-gradient(135deg,#fdba74 0%,#f97316 100%);border:1.5px solid #c55a1180}.podium-bronze-right{background:linear-gradient(135deg,#8a360fd9 0%,#6b210db3 100%);border:1.5px solid #8a360f4d}@keyframes rainbow-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ai-bubble-rainbow-border{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #6366f180,0 0 15px #ec48994d}.ai-bubble-rainbow-border:before{content:"";z-index:-2;background:conic-gradient(red,#ff7f00,#ff0,#0f0,#00f0ff,#00f,#7f00ff,#ff007f,red);width:250%;height:250%;animation:4s linear infinite rainbow-spin;position:absolute;top:50%;left:50%}.ai-bubble-rainbow-border:after{content:"";z-index:-1;background:linear-gradient(135deg,#1e1b4b,#311042);border-radius:50%;transition:background .3s;position:absolute;inset:2.5px}.dark .ai-bubble-rainbow-border:after{background:linear-gradient(135deg,#030712,#0f172a)}.ai-bubble-rainbow-border:hover{transform:scale(1.1)translateY(-2px);box-shadow:0 14px 30px -4px #6366f199,0 0 25px #ec489980}.splash-overlay{z-index:999999;font-family:var(--font-sans);background:#030712;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.hyper-speed-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.splash-content{z-index:10;text-align:center;max-width:500px;transform-style:preserve-3d;perspective:1000px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.splash-logo-3d{color:#0000;background:linear-gradient(135deg,#ff007f,#7f00ff,#00f0ff,#ff007f) 0 0/300% 300%;text-shadow:0 0 40px #7f00ff59;filter:drop-shadow(0 15px 30px #00000080);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;animation:6s linear infinite hologram-glow;transform:translateZ(50px)}.splash-subtitle{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;margin-top:1rem;margin-bottom:2.5rem;font-size:.95rem;font-weight:600;transform:translateZ(30px)}.splash-btn-3d{color:#fff;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);border:none;border-radius:9999px;padding:1rem 2.5rem;font-size:.95rem;font-weight:900;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateZ(40px);box-shadow:0 0 30px #6366f180,0 0 10px #ec48994d}.splash-btn-3d:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fff6,#0000);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.splash-btn-3d:hover{transform:translateZ(50px)scale(1.06);box-shadow:0 0 45px #6366f1d9,0 0 20px #ec489999}.splash-btn-3d:hover:before{transform:translate(100%,100%)rotate(45deg)}.splash-btn-3d:active{transform:translateZ(30px)scale(.97)}.mnemonic-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:999999;background:#030712bf;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.mnemonic-modal-card{text-align:center;width:100%;max-width:440px;transform-style:preserve-3d;perspective:1000px;background:#ffffffd9;border:1px solid #fff3;border-radius:2.25rem;flex-direction:column;align-items:center;padding:2.25rem;transition:transform .5s cubic-bezier(.16,1,.3,1);animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp-kf;display:flex;position:relative;box-shadow:0 30px 60px -15px #0000004d,0 0 50px #6366f126}.dark .mnemonic-modal-card{background:#0f172ad9;border:1px solid #ffffff14;box-shadow:0 40px 80px -15px #0009,0 0 50px #6366f140}.chat-settings-panel-fixed{z-index:10002!important;background-color:#fff!important}.dark .chat-settings-panel-fixed{background-color:#080c14!important}.chat-settings-overlay{border-radius:1.25rem;flex-direction:column;display:flex;position:absolute;inset:0;z-index:10005!important;background:#fff!important}.dark .chat-settings-overlay{background:#030712!important}@keyframes bubbleAlertShake{0%,to{transform:translate(0)scale(1)}15%,45%,75%{transform:translate(-6px)scale(1.08)}30%,60%,90%{transform:translate(6px)scale(1.08)}}.ai-bubble-alert-shake{animation:.4s ease-in-out infinite alternate bubbleAlertShake!important;box-shadow:0 0 35px #ef4444f2,0 0 15px #b91c1c99!important}.ai-bubble-alert-shake:before{background:conic-gradient(red,#dc2626,#ef4444,#b91c1c,#991b1b,#ef4444,red)!important}.ai-bubble-alert-shake:after{background:linear-gradient(135deg,#7f1d1d,#450a0a)!important}@keyframes alarm-pulse{0%,to{border-color:#ef44444d;box-shadow:0 0 15px #ef444433}50%{border-color:#ef4444cc;box-shadow:0 0 25px #ef444473}}.animate-alarm-pulse{animation:2s ease-in-out infinite alarm-pulse}.bg-rose-500\/10{background-color:#f43f5e1a!important}.hover\:bg-rose-500\/20:hover{background-color:#f43f5e33!important}.dark .dark\:bg-neutral-900\/20{background-color:#0f172a33!important}.border-indigo-500\/20{border-color:#6366f133!important}.dark .dark\:bg-neutral-800{background-color:#1e293b!important}.dark .dark\:border-neutral-800\/40{border-color:#ffffff14!important}.text-indigo-500{color:var(--color-brand)!important}.text-indigo-450{color:#818cf8!important}.text-rose-450{color:#f87171!important}.zen-svg-sumi{opacity:.08;transition:opacity .4s}.zen-svg-sumi:hover{opacity:.15}.torii-sumi{color:#991b1b}.fuji-sumi{color:#334155}.sumi-sun{opacity:.25}.dark .zen-svg-sumi{opacity:.12}.dark .zen-svg-sumi:hover{opacity:.22}.dark .torii-sumi{color:#fb7185;filter:drop-shadow(0 0 12px #fb718526)}.dark .fuji-sumi{color:#67e8f9;filter:drop-shadow(0 0 12px #67e8f91f)}.dark .sumi-sun{opacity:.2;filter:drop-shadow(0 0 20px #67e8f926)}.zen-bg-container-fixed{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sakura-canvas-absolute{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.zen-art-left{width:130px;height:180px;position:absolute;bottom:1rem;left:.75rem}@media (width>=640px){.zen-art-left{width:160px;height:220px}}@media (width>=1280px){.zen-art-left{width:200px;height:270px}}.zen-art-right{width:150px;height:150px;position:absolute;bottom:1rem;right:.75rem}@media (width>=640px){.zen-art-right{width:200px;height:190px}}@media (width>=1280px){.zen-art-right{width:260px;height:220px}}.zen-water-waves-container{pointer-events:none;z-index:1;color:#94a3b8;opacity:.05;width:100%;height:70px;transition:opacity .8s,color .8s;position:absolute;bottom:0;left:0}.dark .zen-water-waves-container{color:#334155;opacity:.08}.zen-water-waves-container.zen-water-active{opacity:.16;color:#a5b4fc}.dark .zen-water-waves-container.zen-water-active{opacity:.14;color:#67e8f9;filter:drop-shadow(0 -4px 12px #67e8f926)}.water-waves{width:100%;height:100%;display:block}.wave-path{transform-origin:50% 100%;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.wave-1{animation-name:waveFlow1;animation-duration:16s}.wave-2{animation-name:waveFlow2;animation-duration:11s;animation-delay:-3s}.wave-3{animation-name:waveFlow3;animation-duration:22s;animation-delay:-7s}.zen-water-active .wave-1{animation-name:waveActive1;animation-duration:7s}.zen-water-active .wave-2{animation-duration:4.8s}.zen-water-active .wave-3{animation-duration:10s}@keyframes waveFlow1{0%,to{transform:translateY(0)scaleY(1)scaleX(1)}50%{transform:translateY(-4px)scaleY(1.03)scaleX(1.02)}}@keyframes waveFlow2{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-3px)scaleY(.96)}}@keyframes waveFlow3{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-6px)scaleY(1.05)}}@keyframes waveActive1{0%,to{transform:translateY(0)scaleY(1)skew(0)}50%{transform:translateY(-9px)scaleY(1.08)skew(1deg)}}.ambient-control-wrapper{align-items:center;display:flex;position:relative}.ambient-slider-container{opacity:0;visibility:hidden;pointer-events:none;z-index:10;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;align-items:center;margin-right:.5rem;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;right:100%;transform:translate(10px)scale(.95);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .ambient-slider-container{background-color:#171717;border-color:#262626;box-shadow:0 10px 15px -3px #0000004d}.ambient-control-wrapper:hover .ambient-slider-container{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scale(1)}.ambient-volume-percent{color:#9ca3af;-webkit-user-select:none;user-select:none;margin-right:.5rem;font-family:monospace;font-size:.75rem}.dark .ambient-volume-percent{color:#525252}.ambient-slider-input{appearance:none;cursor:pointer;background-color:#e5e7eb;border-radius:9999px;outline:none;width:80px;height:4px}.dark .ambient-slider-input{background-color:#262626}.ambient-slider-input::-webkit-slider-thumb{appearance:none;background-color:#6366f1;border-radius:50%;width:10px;height:10px;transition:background-color .2s}.dark .ambient-slider-input::-webkit-slider-thumb{background-color:#818cf8}.ambient-btn{color:#737373;cursor:pointer;background-color:#ffffff1a;border:1px solid #e5e7eb1a;border-radius:.75rem;justify-content:center;align-items:center;gap:.375rem;padding:.625rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.dark .ambient-btn{color:#a3a3a3;background-color:#1717171a;border-color:#26262666}.ambient-btn:hover{color:#6366f1;background-color:#f5f5f5}.dark .ambient-btn:hover{color:#818cf8;background-color:#26262680}.ambient-btn-active{color:#4f46e5;background-color:#eef2ff80;border-color:#c7d2fe;font-weight:500}.dark .ambient-btn-active{color:#818cf8;background-color:#1e1b4b4d;border-color:#312e81}.ambient-pulse{width:.5rem;height:.5rem;display:flex;position:absolute;top:.375rem;right:.375rem}.ambient-pulse-ring{opacity:.75;background-color:#818cf8;border-radius:9999px;width:100%;height:100%;animation:1s cubic-bezier(0,0,.2,1) infinite ping;display:inline-flex;position:absolute}.ambient-pulse-dot{background-color:#6366f1;border-radius:9999px;width:.5rem;height:.5rem;display:inline-flex;position:relative}.ambient-icon-spin{animation:8s linear infinite spin}.ambient-icon-bounce{animation:2s infinite bounce}.ambient-label{-webkit-user-select:none;user-select:none;font-size:.75rem}@media (width<=768px){.ambient-label{display:none}}