*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;min-height:100dvh}body{font-family:var(--app-font-family, "Inter"),"Kantumruy Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--app-font-size, 15px);font-weight:var(--app-font-weight, 450);background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:is(.dark) body{background-color:#0a1929}input,textarea,select,button{font-family:inherit;font-size:inherit}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:max(1rem,16px)!important}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23627d98' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.75rem}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[contenteditable]:focus{outline:none}.prose{line-height:1.7;overflow-wrap:break-word;word-break:break-word}.prose h1{font-size:1.75em;font-weight:700;margin-top:1em;margin-bottom:.5em}.prose h2{font-size:1.4em;font-weight:600;margin-top:1em;margin-bottom:.5em}.prose h3{font-size:1.15em;font-weight:600;margin-top:.8em;margin-bottom:.4em}.prose h4{font-size:1em;font-weight:600;margin-top:.6em;margin-bottom:.4em}.prose p{margin:.5em 0}.prose ul,.prose ol{padding-left:1.5em;margin:.5em 0}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin:.2em 0}.prose code{background:#f3f4f6;padding:.15em .4em;border-radius:.25em;font-size:.875em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.prose pre{background:#1f2937;color:#e5e7eb;padding:1em;border-radius:.5em;overflow-x:auto;margin:.75em 0}.prose pre code{background:none;padding:0;color:inherit;font-size:.85em}.prose blockquote{border-left:3px solid #d1d5db;padding-left:1em;color:#6b7280;margin:.75em 0;font-style:italic}.prose a{color:#0891b2;text-decoration:underline}.prose a:hover{color:#0e7490}.prose table{width:100%;border-collapse:collapse;margin:.75em 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid #e5e7eb;padding:.5em .75em;text-align:left}.prose th{background:#f9fafb;font-weight:600}.prose img{max-width:100%;border-radius:.5em}.prose hr{border:none;border-top:1px solid #e5e7eb;margin:1.5em 0}.prose input[type=checkbox]{margin-right:.5em}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in{animation:slide-in .2s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fade-in .35s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}@keyframes lock-fade-in{0%{opacity:0}to{opacity:1}}.animate-lock-in{animation:lock-fade-in .3s ease-out}@keyframes login-orb-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(60px,-80px) scale(1.1)}50%{transform:translate(-40px,-140px) scale(.95)}75%{transform:translate(80px,-60px) scale(1.05)}}@keyframes login-orb-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-70px,50px) scale(1.08)}66%{transform:translate(40px,-90px) scale(.92)}}@keyframes login-orb-3{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(90px,-70px) scale(1.15);opacity:.6}}@keyframes login-drift{0%{transform:translateY(0) translate(0);opacity:0}15%{opacity:.6}85%{opacity:.6}to{transform:translateY(-100vh) translate(40px);opacity:0}}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.login-particle{position:absolute;width:2px;height:2px;background:#06b6d459;border-radius:50%;animation:login-drift linear infinite}.welcome-fade-in{animation:welcomeFadeIn .6s ease-out both}.welcome-fade-in-1{animation-delay:.1s}.welcome-fade-in-2{animation-delay:.25s}.welcome-fade-in-3{animation-delay:.4s}.welcome-fade-in-4{animation-delay:.55s}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome-ring-draw{animation:ringDraw 1.2s ease-out .6s both}@keyframes ringDraw{0%{stroke-dasharray:0 100}}.welcome-pixel-grid{position:absolute;inset:0;overflow:hidden;pointer-events:none}.welcome-pixel{position:absolute;width:2px;height:2px;border-radius:50%;animation:starTwinkle ease-in-out infinite}.welcome-pixel.star-lg{width:3px;height:3px;box-shadow:0 0 4px 1px currentColor}@keyframes starTwinkle{0%,to{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1)}}.welcome-shooting-star{position:absolute;width:40px;height:1px;border-radius:1px;opacity:0;animation:shootingStar linear infinite}@keyframes shootingStar{0%{opacity:0;transform:translate(0) translateY(0) rotate(-25deg)}2%{opacity:.8}8%{opacity:0;transform:translate(200px) translateY(80px) rotate(-25deg)}to{opacity:0}}.welcome-shimmer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.welcome-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmerSweep 8s ease-in-out infinite}@keyframes shimmerSweep{0%,to{left:-100%}50%{left:140%}}.welcome-wave{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,currentColor,transparent);opacity:.03;animation:wave-pulse 8s ease-in-out infinite}@keyframes wave-pulse{0%,to{opacity:.02;transform:scaleY(1)}50%{opacity:.05;transform:scaleY(1.1)}}.weather-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.weather-rain-drop{position:absolute;top:-20px;width:1.5px;border-radius:0 0 2px 2px;animation:weatherRainFall linear infinite}@keyframes weatherRainFall{0%{transform:translateY(-10px) rotate(8deg);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(250px) rotate(8deg);opacity:0}}.weather-snow-flake{position:absolute;top:-10px;border-radius:50%;animation:weatherSnowFall linear infinite}@keyframes weatherSnowFall{0%{transform:translateY(-10px) translate(0) rotate(0);opacity:0}10%{opacity:.8}50%{transform:translateY(100px) translate(var(--snow-drift, 20px)) rotate(180deg)}90%{opacity:.8}to{transform:translateY(220px) translate(0) rotate(360deg);opacity:0}}.weather-lightning{position:absolute;inset:0;opacity:0;animation:weatherLightningFlash ease-out infinite;pointer-events:none}@keyframes weatherLightningFlash{0%,to{opacity:0}1%{opacity:.4}2%{opacity:0}3%{opacity:.3}4%{opacity:0}5%{opacity:.15}6%,to{opacity:0}}.weather-fog-layer{position:absolute;left:-20%;width:140%;height:40%;border-radius:50%;filter:blur(30px);animation:weatherFogDrift ease-in-out infinite alternate}@keyframes weatherFogDrift{0%{transform:translate(-5%);opacity:var(--fog-opacity, .12)}to{transform:translate(5%);opacity:calc(var(--fog-opacity, .12) * 1.4)}}.weather-sun-particle{position:absolute;width:3px;height:3px;border-radius:50%;animation:weatherSunFloat ease-in-out infinite}@keyframes weatherSunFloat{0%,to{transform:translateY(0) scale(.5);opacity:0}25%{opacity:.8;transform:translateY(-8px) scale(1)}75%{opacity:.8;transform:translateY(8px) scale(1)}}.weather-sun-ray{position:absolute;top:-10%;right:5%;width:2px;height:50%;transform-origin:top center;animation:weatherSunRay ease-in-out infinite}@keyframes weatherSunRay{0%,to{opacity:0;transform:rotate(var(--ray-angle, 0deg)) scaleY(.7)}50%{opacity:.3;transform:rotate(var(--ray-angle, 0deg)) scaleY(1)}}.weather-sakura-petal{position:absolute;top:-10px;border-radius:50% 0 50% 50%;animation:weatherSakuraFall ease-in-out infinite}@keyframes weatherSakuraFall{0%{transform:translateY(-10px) translate(0) rotate(var(--sakura-start-rot, 0deg));opacity:0}10%{opacity:.7}30%{transform:translateY(60px) translate(var(--sakura-drift, 15px)) rotate(calc(var(--sakura-start-rot, 0deg) + 120deg))}60%{transform:translateY(120px) translate(calc(var(--sakura-drift, 15px) * -.5)) rotate(calc(var(--sakura-start-rot, 0deg) + 240deg))}90%{opacity:.7}to{transform:translateY(200px) translate(var(--sakura-drift, 15px)) rotate(calc(var(--sakura-start-rot, 0deg) + 360deg));opacity:0}}@keyframes grid-flow{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes float-particle{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(100px);opacity:0}}.cyber-bg{background:linear-gradient(135deg,#0a1929,#102a43,#0a1929);overflow:hidden;width:100%;height:100%}.cyber-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(6,182,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.05) 1px,transparent 1px);background-size:40px 40px;animation:grid-flow 20s linear infinite}.cyber-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(6,182,212,.15) 0%,transparent 60%);animation:pulse-glow 4s ease-in-out infinite}.cyber-particle{position:absolute;width:2px;height:2px;background:#06b6d466;border-radius:50%;animation:float-particle 15s linear infinite}.login-line{position:absolute;width:1px;height:80px;background:linear-gradient(to bottom,transparent,rgba(6,182,212,.4),transparent);filter:blur(1px);animation:sidebar-line-sweep 7s linear infinite}.login-line-reverse{background:linear-gradient(to bottom,transparent,rgba(124,58,237,.3),transparent);animation-name:sidebar-line-sweep-reverse}.glass-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.glow-card{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(6,182,212,.1);box-shadow:0 1px 3px #102a430d,0 0 0 1px #06b6d40d;transition:border-color .2s,box-shadow .2s,background .2s}.glow-card:hover{border-color:#06b6d433;box-shadow:0 4px 12px #102a4314,0 0 0 1px #06b6d41a}:is(.dark) .glow-card{background:#243b5399;border-color:#06b6d426;box-shadow:0 1px 3px #0003,0 0 0 1px #06b6d414}:is(.dark) .glow-card:hover{border-color:#06b6d44d;box-shadow:0 4px 12px #0000004d,0 0 0 1px #06b6d426}@keyframes pomodoro-pulse{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--glow-color) 15%,transparent),0 0 40px color-mix(in srgb,var(--glow-color) 8%,transparent)}50%{box-shadow:0 0 30px color-mix(in srgb,var(--glow-color) 25%,transparent),0 0 60px color-mix(in srgb,var(--glow-color) 12%,transparent)}}.pomodoro-glow{animation:pomodoro-pulse 2s ease-in-out infinite}@keyframes pomodoro-phase-shift{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pomodoro-phase-enter{animation:pomodoro-phase-shift .4s ease-out}@keyframes pomodoro-breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.pomodoro-breathe{animation:pomodoro-breathe 4s ease-in-out infinite}@keyframes sidebar-line-sweep{0%{transform:translateY(120%) scaleX(.5);opacity:0}15%{opacity:1;scaleX:1}85%{opacity:1}to{transform:translateY(-120%) scaleX(.5);opacity:0}}@keyframes sidebar-line-sweep-reverse{0%{transform:translateY(-120%) scaleX(.5);opacity:0}15%{opacity:1;scaleX:1}85%{opacity:1}to{transform:translateY(120%) scaleX(.5);opacity:0}}.sidebar-line{position:absolute;width:1px;height:60px;background:linear-gradient(to bottom,transparent,rgba(6,182,212,.3),transparent);filter:blur(1px);animation:sidebar-line-sweep 8s linear infinite}.sidebar-line-reverse{background:linear-gradient(to bottom,transparent,rgba(124,58,237,.25),transparent);animation-name:sidebar-line-sweep-reverse}@keyframes float-shape-1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(5deg)}50%{transform:translate(-20px,-80px) rotate(-3deg)}75%{transform:translate(40px,-30px) rotate(7deg)}}@keyframes float-shape-2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-40px,30px) rotate(-8deg)}66%{transform:translate(20px,-50px) rotate(4deg)}}@keyframes float-shape-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-60px) scale(1.1)}}@keyframes pill-glow{0%,to{box-shadow:0 0 8px #06b6d426,inset 0 0 4px #06b6d40d}50%{box-shadow:0 0 20px #06b6d44d,0 0 40px #06b6d41a,inset 0 0 8px #06b6d414}}.pill-glow{animation:pill-glow 3s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-float{animation:hero-float 6s ease-in-out infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .6s ease-out both}.animate-fade-up-1{animation-delay:.1s}.animate-fade-up-2{animation-delay:.2s}.animate-fade-up-3{animation-delay:.3s}@keyframes lock-shimmer{0%,to{filter:drop-shadow(0 0 3px rgba(6,182,212,.3))}50%{filter:drop-shadow(0 0 8px rgba(6,182,212,.6))}}.lock-shimmer{animation:lock-shimmer 4s ease-in-out infinite}.grid-bg{background-image:linear-gradient(rgba(6,182,212,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.03) 1px,transparent 1px);background-size:40px 40px}:is(.dark) .prose code{background:#243b53;color:#d9e2ec}:is(.dark) .prose blockquote{border-left-color:#334e68;color:#9fb3c8}:is(.dark) .prose th,:is(.dark) .prose td{border-color:#334e68}:is(.dark) .prose th{background:#243b53;color:#d9e2ec}:is(.dark) .prose hr{border-top-color:#334e68}.grammar-mark{background:transparent;color:inherit;cursor:pointer;border-radius:2px;padding:0 2px;margin:0 -2px;transition:background-color .15s ease}.grammar-underline-red{text-decoration:underline wavy #ef4444;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-red{text-decoration-color:#f87171}.grammar-underline-amber{text-decoration:underline wavy #f59e0b;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-amber{text-decoration-color:#fbbf24}.grammar-underline-blue{text-decoration:underline wavy #3b82f6;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-blue{text-decoration-color:#60a5fa}.grammar-underline-violet{text-decoration:underline dashed #8b5cf6;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-violet{text-decoration-color:#a78bfa}.grammar-underline-orange{text-decoration:underline wavy #f97316;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-orange{text-decoration-color:#fb923c}.grammar-underline-teal{text-decoration:underline wavy #14b8a6;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-teal{text-decoration-color:#2dd4bf}.grammar-underline-pink{text-decoration:underline wavy #ec4899;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-pink{text-decoration-color:#f472b6}.grammar-underline-slate{text-decoration:underline dashed #64748b;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-slate{text-decoration-color:#94a3b8}.grammar-underline-indigo{text-decoration:underline wavy #6366f1;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-indigo{text-decoration-color:#818cf8}.grammar-underline-rose{text-decoration:underline wavy #f43f5e;text-decoration-skip-ink:none;text-underline-offset:3px}:is(.dark) .grammar-underline-rose{text-decoration-color:#fb7185}.grammar-mark-hover{background-color:#f59e0b14}:is(.dark) .grammar-mark-hover{background-color:#f59e0b1f}.grammar-mark-active{background-color:#06b6d41f}:is(.dark) .grammar-mark-active{background-color:#06b6d42e}@keyframes grammar-popover-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.grammar-popover-enter{animation:grammar-popover-in .15s ease-out}@keyframes message-highlight{0%{background-color:#06b6d426}to{background-color:transparent}}.highlight-message{animation:message-highlight 1.5s ease-out;border-radius:.75rem}