:root{--night:#1a1420;--night-deep:#0f0c12;--amber:#e8a04a;--amber-soft:#c4843a;--ember:#ffc978;--mist:#8a9bb0;--fog:#c5d0dc;--desk:#2a1f18;--desk-light:#3d2e24;--glass:#fff8eb14;--glass-border:#ffe8c829;--text:#f4ebe0;--text-muted:#f4ebe08c;--font-display:"Fraunces", Georgia, serif;--font-body:"Manrope", sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{font-family:var(--font-body);background:var(--night-deep);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}.app{width:100%;height:100%;min-height:100dvh;position:relative;overflow:hidden}.scene-shell{position:absolute;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.scene-shell *,.scene-shell :before,.scene-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scene-classic{background:linear-gradient(#1b2233 0%,#12151f 55%,#1a1420 100%)}.classic-sky{background:radial-gradient(60% 40% at 70% 30%,#e8a04a1f,#0000 60%),linear-gradient(#243049 0%,#1a2030 100%);position:absolute;inset:0 0 42%}.classic-city{opacity:.85;background:linear-gradient(90deg,#0000 0 8%,#0d1018 8% 14%,#0000 14% 22%,#11151f 22% 28%,#0000 28% 40%,#0e121a 40% 48%,#0000 48% 60%,#121722 60% 70%,#0000 70% 82%,#0d1118 82% 90%,#0000 90%),linear-gradient(90deg,#0000 0 18%,#151a24 18% 20%,#0000 20% 55%,#161b26 55% 58%,#0000 58%);height:28%;position:absolute;top:18%;left:8%;right:8%;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.classic-rain{pointer-events:none;position:absolute;inset:0 0 40%;overflow:hidden}.raindrop{top:-12%;left:calc(2% + (var(--i) * 2.4%));width:1px;height:14px;animation:rain-fall calc(.9s + (var(--i) * 40ms)) linear infinite;animation-delay:calc(var(--i) * -.11s);opacity:.55;background:linear-gradient(#0000,#c5d0dc8c);position:absolute}@keyframes rain-fall{0%{transform:translate(0,0)}to{transform:translate(-12px,120vh)}}.classic-window{border:10px solid #2a2220;border-radius:4px;height:42%;position:absolute;top:8%;left:10%;right:10%;box-shadow:inset 0 0 40px #00000059,0 0 0 2px #1a1412}.window-frame{opacity:.9;pointer-events:none;background:linear-gradient(#2a2220,#2a2220) 50%/6px 100% no-repeat,linear-gradient(#2a2220,#2a2220) 50%/100% 6px no-repeat;position:absolute;inset:0}.window-glow{animation:window-breathe 8s var(--ease-in-out) infinite;background:radial-gradient(at 80% 20%,#e8a04a14,#0000 50%);position:absolute;inset:0}@keyframes window-breathe{0%,to{opacity:.6}50%{opacity:1}}.classic-wall{background:linear-gradient(#2a1f24 0%,#1f1718 40%,#161012 100%);position:absolute;inset:48% 0 0}.classic-desk{height:38%;position:absolute;bottom:0;left:0;right:0}.desk-surface{background:linear-gradient(#3d2e24 0%,#2a1f18 55%,#1c1510 100%);height:14%;position:absolute;bottom:18%;left:-5%;right:-5%;transform:perspective(600px)rotateX(8deg);box-shadow:0 -20px 60px #0006}.lamp{z-index:2;width:90px;height:160px;position:absolute;bottom:28%;right:18%}.lamp-shade{clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:linear-gradient(#c4843a,#8a5a28);border-radius:2px;width:70px;height:42px;position:absolute;top:0;left:50%;transform:translate(-50%)}.lamp-glow{pointer-events:none;background:radial-gradient(circle,#ffc97873 0%,#e8a04a2e 35%,#0000 70%);width:220px;height:220px;animation:4.5s ease-in-out infinite lamp-flicker;position:absolute;top:36px;left:50%;transform:translate(-50%)}@keyframes lamp-flicker{0%,to{opacity:.85;transform:translate(-50%)scale(1)}40%{opacity:1;transform:translate(-50%)scale(1.03)}55%{opacity:.78;transform:translate(-50%)scale(.98)}70%{opacity:.95;transform:translate(-50%)scale(1.01)}}.lamp-stem{background:#5a4638;width:4px;height:80px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.lamp-base{background:#4a382c;border-radius:40% 40% 20% 20%;width:42px;height:10px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.mug{z-index:2;width:36px;height:40px;position:absolute;bottom:30%;left:28%}.mug-body{background:linear-gradient(#d8cfc4,#b5a89a);border-radius:4px 4px 8px 8px;position:absolute;inset:8px 0 0;box-shadow:inset -6px 0 #00000014}.mug-body:after{content:"";border:3px solid #b5a89a;border-left:none;border-radius:0 12px 12px 0;width:12px;height:16px;position:absolute;top:8px;right:-10px}.mug-steam{filter:blur(2px);background:#f4ebe059;border-radius:999px;width:4px;height:22px;animation:3.2s ease-in-out infinite steam-rise;position:absolute;bottom:100%}.steam-1{animation-delay:0s;left:8px}.steam-2{height:18px;animation-delay:.8s;left:16px}.steam-3{height:16px;animation-delay:1.5s;left:24px}@keyframes steam-rise{0%{opacity:0;transform:translateY(8px)scaleX(1)}20%{opacity:.7}to{opacity:0;transform:translate(6px,-28px)scaleX(1.4)}}.books{z-index:2;align-items:flex-end;gap:3px;display:flex;position:absolute;bottom:30%;left:42%}.book{border-radius:2px 2px 0 0;width:14px;display:block}.book-a{background:#5c3d4a;height:34px}.book-b{background:#3d4a5c;height:42px}.book-c{background:#6a5238;height:28px}.plant{z-index:2;width:40px;height:50px;position:absolute;bottom:30%;left:58%}.pot{background:#8a5a48;border-radius:2px 2px 6px 6px;width:22px;height:16px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.leaf{transform-origin:bottom;background:#4a7a58;border-radius:60% 0;width:16px;height:22px;animation:5s ease-in-out infinite leaf-sway;position:absolute;bottom:14px}.leaf-1{animation-delay:0s;left:6px}.leaf-2{background:#3d6a4a;animation-direction:reverse;animation-delay:.6s;right:6px}@keyframes leaf-sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}.scene-character{background:radial-gradient(50% 40% at 30% 20%,#e8a04a26,#0000 55%),linear-gradient(#241c28 0%,#1a1420 45%,#120e14 100%)}.char-bg{background:linear-gradient(90deg,#0000 55%,#8a9bb00f 70%,#0000 85%);position:absolute;inset:0}.char-window-light{width:28%;height:36%;animation:window-breathe 10s var(--ease-in-out) infinite;background:linear-gradient(160deg,#c5d0dc1f,#0000 70%);border:1px solid #c5d0dc14;position:absolute;top:8%;right:12%}.char-desk-line{background:linear-gradient(90deg,#0000,#3d2e24 20% 80%,#0000);height:3px;position:absolute;bottom:22%;left:10%;right:10%;box-shadow:0 18px 40px #00000059}.companion{width:220px;height:260px;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.companion-body{transform-origin:50% 80%;animation:4.2s ease-in-out infinite breathe;position:absolute;inset:0}@keyframes breathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-3px)scaleY(1.015)}}.companion-head{width:72px;height:72px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.companion-hair{z-index:1;background:#2a1a28;border-radius:40px 40px 10px 10px;height:42px;position:absolute;inset:-6px -4px auto}.companion-face{background:linear-gradient(#e8d4c0,#d4b89e);border-radius:50% 50% 46% 46%;position:absolute;inset:8px 6px 0}.eye{background:#2a1a20;border-radius:50%;width:8px;height:8px;animation:5.5s ease-in-out infinite blink;position:absolute;top:34px}.eye-l{left:16px}.eye-r{animation-delay:80ms;right:16px}@keyframes blink{0%,92%,to{transform:scaleY(1)}94%,96%{transform:scaleY(.1)}}.cheek{filter:blur(1px);background:#e8786459;border-radius:50%;width:10px;height:6px;position:absolute;top:44px}.cheek-l{left:8px}.cheek-r{right:8px}.companion-torso{background:linear-gradient(#4a5e72,#354656);border-radius:28px 28px 18px 18px;width:100px;height:110px;position:absolute;top:88px;left:50%;transform:translate(-50%)}.companion-arm{background:#3d5060;border-radius:14px;width:28px;height:70px;position:absolute;top:100px}.arm-l{left:38px;transform:rotate(18deg)}.arm-r{transform-origin:top;animation:2.8s ease-in-out infinite type-sway;right:38px;transform:rotate(-12deg)}@keyframes type-sway{0%,to{transform:rotate(-12deg)translateY(0)}50%{transform:rotate(-8deg)translateY(2px)}}.companion-laptop{width:120px;height:70px;position:absolute;bottom:8px;left:50%;transform:translate(-42%)}.laptop-screen{background:linear-gradient(160deg,#1e2a38,#0f141c);border:3px solid #2a3038;border-radius:4px 4px 0 0;width:90px;height:56px;animation:6s ease-in-out infinite screen-glow;position:absolute;bottom:18px;left:10px;box-shadow:inset 0 0 20px #64a0dc26}@keyframes screen-glow{0%,to{box-shadow:inset 0 0 20px #64a0dc1f}50%{box-shadow:inset 0 0 28px #64a0dc38}}.laptop-base{background:#2a3038;border-radius:0 0 4px 4px;width:120px;height:10px;position:absolute;bottom:0;left:0;transform:perspective(200px)rotateX(40deg)}.char-particles{pointer-events:none;position:absolute;inset:0}.dust{bottom:30%;left:calc(20% + var(--i) * 5%);width:3px;height:3px;animation:dust-float calc(8s + var(--i) * .4s) ease-in-out infinite;animation-delay:calc(var(--i) * -.7s);background:#ffe8c873;border-radius:50%;position:absolute}@keyframes dust-float{0%{opacity:0;transform:translateY(40px)}20%{opacity:.7}to{opacity:0;transform:translate(20px,-180px)}}.scene-minimal{background:#120e14}.minimal-wash{filter:blur(60px);opacity:.55;position:absolute;inset:-20%}.wash-a{background:radial-gradient(circle at 30% 40%,#3a2a1e,#0000 45%);animation:18s ease-in-out infinite wash-drift}.wash-b{background:radial-gradient(circle at 70% 30%,#1e2a3a,#0000 40%);animation:22s ease-in-out infinite reverse wash-drift}.wash-c{background:radial-gradient(circle at 50% 80%,#2a1a28,#0000 45%);animation:26s ease-in-out -6s infinite wash-drift}@keyframes wash-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(4%,-3%)scale(1.08)}}.minimal-orb{filter:blur(40px);opacity:.4;border-radius:50%;position:absolute}.orb-1{background:#e8a04a;width:280px;height:280px;animation:12s ease-in-out infinite orb-pulse;top:20%;left:18%}.orb-2{background:#4a6580;width:360px;height:360px;animation:16s ease-in-out infinite reverse orb-pulse;bottom:10%;right:12%}@keyframes orb-pulse{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.42;transform:scale(1.15)}}.minimal-rain{opacity:.35;position:absolute;inset:0;overflow:hidden}.soft-drop{top:-10%;left:calc(3% + var(--i) * 3.4%);width:1px;height:28px;animation:soft-rain calc(2.4s + var(--i) * 80ms) linear infinite;animation-delay:calc(var(--i) * -.2s);background:linear-gradient(#0000,#c5d0dc80);position:absolute}@keyframes soft-rain{to{transform:translate(-20px,110vh)}}.minimal-grain{opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.overlay{z-index:10;pointer-events:none;grid-template-rows:auto 1fr auto;padding:clamp(1rem,3vw,2rem);display:grid;position:absolute;inset:0}.overlay>*{pointer-events:auto}.overlay-brand{flex-direction:column;gap:.15rem;max-width:max-content;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);text-shadow:0 2px 24px #00000073;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:600;line-height:1}.brand-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.overlay-center{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:1rem;padding-bottom:clamp(1rem,4vh,3rem);display:flex}.overlay-center>*{pointer-events:auto}.clock{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);text-shadow:0 4px 40px #00000080;opacity:.92;font-size:clamp(3rem,10vw,6rem);font-weight:400;line-height:1}.pomodoro{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .4s var(--ease-out);border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:.85rem 1.25rem;display:flex}.pomodoro.is-pulse{box-shadow:0 0 0 1px #e8a04a80,0 0 40px #e8a04a40}.pomodoro-meta{flex-direction:column;align-items:center;gap:.2rem;display:flex}.pomodoro-phase{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:.7rem}.pomodoro-time{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem}.pomodoro-actions{gap:.5rem;display:flex}.overlay-actions{justify-content:flex-end;align-items:flex-end;display:flex}.btn-ghost,.btn-primary,.btn-icon,.choice{border:1px solid var(--glass-border);background:var(--glass);transition:background .2s var(--ease-out), border-color .2s var(--ease-out), transform .15s var(--ease-out);border-radius:8px}.btn-ghost{color:var(--text);padding:.35rem .75rem;font-size:.8rem}.btn-ghost:hover,.btn-icon:hover,.choice:hover{background:#fff8eb24;border-color:#ffe8c847}.btn-ghost:active,.btn-icon:active,.choice:active,.btn-primary:active{transform:scale(.97)}.btn-primary{width:100%;color:var(--ember);background:#e8a04a33;border-color:#e8a04a66;padding:.7rem 1rem;font-weight:500}.btn-primary:hover{background:#e8a04a4d}.btn-icon{place-items:center;width:2.5rem;height:2.5rem;padding:0;font-size:1.1rem;line-height:1;display:grid}.overlay-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-backdrop{z-index:20;cursor:default;animation:fade-in .25s var(--ease-out);background:#0a080c73;border:none;position:absolute;inset:0}.settings-panel{z-index:30;border-left:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(360px,100%);animation:slide-in .35s var(--ease-out);background:linear-gradient(#1e161cf5,#120e14fa);padding:1.25rem 1.35rem 2rem;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.settings-header h2{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:600}.settings-section{margin-bottom:1.5rem}.settings-section h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .65rem;font-size:.7rem;font-weight:500}.settings-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.settings-row input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--amber)}.volume-row{flex-direction:column;align-items:stretch;gap:.4rem}.volume-row input[type=range]{width:100%;accent-color:var(--amber)}.choice-row{flex-direction:column;gap:.45rem;display:flex}.choice{text-align:left;color:var(--text-muted);padding:.65rem .85rem}.choice.is-active{color:var(--text);background:#e8a04a26;border-color:#e8a04a66}.duration-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.duration-grid label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.duration-grid input{border:1px solid var(--glass-border);background:#00000040;border-radius:8px;padding:.5rem .65rem}.settings-hint{color:var(--text-muted);margin:.75rem 0 0;font-size:.75rem;line-height:1.45}@media (width<=640px){.settings-panel{border-left:none;border-top:1px solid var(--glass-border);width:100%;max-height:75dvh;animation:slide-up .35s var(--ease-out);border-radius:16px 16px 0 0;top:auto;left:0}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.settings-backdrop,.settings-panel,.pomodoro{animation:none!important}}