*{margin:0;padding:0;box-sizing:border-box}:root{--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8}html.dark{color-scheme:dark;--scrollbar-track: #1e293b;--scrollbar-thumb: #475569;--scrollbar-thumb-hover: #64748b}html.dark body{background-color:#0f172a}html.dark .from-sky-50,html.dark .from-sky-100,html.dark .from-sky-200,html.dark .from-sky-300,html.dark .from-purple-50,html.dark .from-amber-50,html.dark .from-orange-50,html.dark .from-slate-50,html.dark .from-slate-100,html.dark .from-indigo-50,html.dark .from-rose-50,html.dark .from-emerald-50{--tw-gradient-from: #0f172a !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(15,23,42,0)) !important}html.dark .to-purple-50,html.dark .to-sky-50,html.dark .to-sky-100,html.dark .to-sky-200,html.dark .to-orange-50,html.dark .to-amber-50,html.dark .to-slate-50,html.dark .to-indigo-50,html.dark .to-pink-50{--tw-gradient-to: #1e293b !important}html.dark .bg-white{background-color:#1e293b!important}html.dark .bg-white\/80,html.dark .bg-white\/90{background-color:#1e293beb!important}html.dark .bg-white\/50,html.dark .bg-white\/20{background-color:#1e293b80!important}html.dark .bg-gray-50,html.dark .bg-slate-50{background-color:#1e293b!important}html.dark .bg-gray-100,html.dark .bg-slate-100,html.dark .bg-sky-100{background-color:#334155!important}html.dark .bg-gray-200,html.dark .bg-slate-200{background-color:#475569!important}html.dark .bg-purple-50{background-color:#2d1b69!important}html.dark .bg-red-50,html.dark .bg-rose-50{background-color:#3b0a0a!important}html.dark .bg-red-100{background-color:#450a0a!important}html.dark .bg-blue-100{background-color:#0c2340!important}html.dark .bg-blue-50{background-color:#0c1a2e!important}html.dark .bg-green-50,html.dark .bg-emerald-50{background-color:#052e16!important}html.dark .bg-sky-50{background-color:#0c1a2e!important}html.dark .bg-yellow-50,html.dark .bg-amber-50{background-color:#1c1400!important}html.dark .text-slate-800,html.dark .text-slate-900,html.dark .text-gray-800,html.dark .text-gray-900{color:#f1f5f9!important}html.dark .text-slate-700,html.dark .text-gray-700{color:#cbd5e1!important}html.dark .text-slate-600,html.dark .text-gray-600{color:#94a3b8!important}html.dark .text-slate-500,html.dark .text-gray-500{color:#64748b!important}html.dark .text-slate-400,html.dark .text-gray-400{color:#94a3b8!important}html.dark .text-slate-300,html.dark .text-gray-300{color:#64748b!important}html.dark .border-gray-200,html.dark .border-slate-200{border-color:#334155!important}html.dark .border-gray-100,html.dark .border-slate-100{border-color:#1e293b!important}html.dark .border-gray-300,html.dark .border-slate-300{border-color:#475569!important}html.dark .border-gray-800{border-color:#94a3b8!important}html.dark .divide-gray-200>*+*,html.dark .divide-slate-200>*+*{border-color:#334155!important}html.dark .shadow-sm{box-shadow:0 1px 2px #00000080!important}html.dark .shadow,html.dark .shadow-md{box-shadow:0 4px 6px -1px #0009!important}html.dark .shadow-lg{box-shadow:0 10px 15px -3px #0009!important}html.dark .hover\:bg-slate-100:hover,html.dark .hover\:bg-gray-100:hover{background-color:#334155!important}html.dark .hover\:bg-slate-50:hover,html.dark .hover\:bg-gray-50:hover,html.dark .hover\:bg-sky-50:hover{background-color:#1e293b!important}html.dark .hover\:bg-gray-200:hover,html.dark .hover\:bg-gray-300:hover,html.dark .hover\:bg-slate-200:hover,html.dark .hover\:bg-slate-300:hover{background-color:#475569!important}html.dark .hover\:bg-red-50:hover{background-color:#3b0a0a!important}html.dark .hover\:bg-purple-50:hover{background-color:#2d1b69!important}html.dark input,html.dark textarea,html.dark select{background-color:#1e293b;color:#f1f5f9;border-color:#334155}html.dark input::placeholder,html.dark textarea::placeholder{color:#64748b}html.dark input:focus,html.dark textarea:focus,html.dark select:focus{border-color:#38bdf8}html.dark .text-purple-700{color:#c084fc!important}html.dark .text-red-700{color:#f87171!important}html.dark .text-sky-700,html.dark .text-blue-700{color:#38bdf8!important}html.dark .text-green-700,html.dark .text-emerald-700{color:#4ade80!important}html.dark .bg-black\/50{background-color:#000000b3!important}body{font-family:Fredoka,Quicksand,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track, #f1f5f9);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #cbd5e1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #94a3b8)}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.writing-mode-vertical{writing-mode:vertical-rl;text-orientation:upright}.scrollbar-thin::-webkit-scrollbar{height:6px}.scrollbar-thumb-amber-300::-webkit-scrollbar-thumb{background-color:#fcd34d;border-radius:3px}.scrollbar-track-amber-100::-webkit-scrollbar-track{background-color:#fef3c7;border-radius:3px}@keyframes book-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.book-hover:hover{animation:book-hover .6s ease-in-out}@keyframes word-shake{0%,to{transform:scale(1.15) translate(0)}10%,30%,50%,70%,90%{transform:scale(1.15) translate(-3px)}20%,40%,60%,80%{transform:scale(1.15) translate(3px)}}.word-shaking{animation:word-shake .6s ease-in-out;transform-origin:center}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out}@keyframes speedToastRise{0%{opacity:1;transform:translate(-50%) translateY(0)}60%{opacity:1;transform:translate(-50%) translateY(-28px)}to{opacity:0;transform:translate(-50%) translateY(-44px)}}