:root{--study-wall-a:#fdf6ea;--study-wall-b:#f5e7d2;--study-desk-a:#dba46b;--study-desk-b:#b87a44;--study-desk-front:#9a6135;--study-lamp:#3d4a5c;--study-lamp-shade:#2f3a4a;--study-page:#fffaf0;--study-page-line:#e6d8bf;--study-book-2:#e9dcc2;--study-book-3:#7d8ca3;--study-mug:#f4f1ec;--study-steam:#786e6473;--study-floor-a:#fbf4ea;--study-floor-b:#f3e6d4;--study-plank:#a06e3c12}.dark{--study-wall-a:#241e19;--study-wall-b:#1b1612;--study-desk-a:#8a5a33;--study-desk-b:#6a4224;--study-desk-front:#4d2f19;--study-lamp:#9aa5b5;--study-lamp-shade:#c3ccd8;--study-page:#efe6d6;--study-page-line:#c9b99c;--study-book-2:#5b5044;--study-book-3:#4b5a70;--study-mug:#d9d2c8;--study-steam:#e6dccd59;--study-floor-a:#1c1815;--study-floor-b:#17130f;--study-plank:#ffdcaa09}.study-sky{--sky-top:#7cc4ef;--sky-bottom:#d8eefb;--mountain:#9fc3d6;--far:#b3cfdf;--near:#7f9fb4;--win:transparent;--sky-text:#0f2233;--sky-muted:#0f2233b8;--glass-bg:#ffffff8c;--glass-ring:#ffffffb3;background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 78%);color:var(--sky-text);transition:background 1.5s,color 1.5s;box-shadow:0 24px 60px -30px #50321473}.study-sky:after{content:"";z-index:30;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 10px var(--study-desk-b), inset 0 0 0 12px #00000014;position:absolute;inset:0}.study-glass{background:var(--glass-bg);box-shadow:inset 0 0 0 1px var(--glass-ring);-webkit-backdrop-filter:blur(12px)}.study-sky-muted{color:var(--sky-muted)}.study-sill{background:linear-gradient(180deg, var(--study-desk-a) 0%, var(--study-desk-b) 55%, var(--study-desk-front) 100%);box-shadow:inset 0 -1px #ffffff59}.study-plant-leaves{transform-box:view-box;transform-origin:30px 44px;animation:5s ease-in-out infinite study-plant-sway}@keyframes study-plant-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.study-star{animation:3.2s ease-in-out infinite study-twinkle}.study-cloud{animation:70s linear infinite study-drift}.study-rain{animation:1.2s linear infinite study-rainfall;transform:rotate(-18deg)}@keyframes study-rainfall{0%{opacity:0;transform:translateY(-30px)rotate(-18deg)}20%{opacity:.8}to{opacity:0;transform:translateY(90px)rotate(-18deg)}}@keyframes study-twinkle{0%,to{opacity:1}50%{opacity:.35}}@keyframes study-drift{0%{transform:translate(-20%)}to{transform:translate(120%)}}.study-floor{background:repeating-linear-gradient(90deg, transparent 0 119px, var(--study-plank) 119px 121px), linear-gradient(180deg, var(--study-floor-a), var(--study-floor-b))}.study-mine{background:radial-gradient(ellipse 80% 60% at 50% 100%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 75%)}.study-wall{background:linear-gradient(180deg, var(--study-wall-a) 0%, var(--study-wall-b) 100%)}.study-lamp-glow{background:radial-gradient(48% 70% at 38% 62%,#ffcd6e66,#0000 100%);animation:5s ease-in-out infinite study-lamp}.study-window-lamp-glow{background:radial-gradient(70% 75% at 40% 75%,#ffcd6e7a,#0000 100%);animation:5s ease-in-out infinite study-lamp}.dark .study-window-lamp-glow{background:radial-gradient(70% 75% at 40% 75%,#ffbe5a5c,#0000 100%)}.dark .study-lamp-glow{background:radial-gradient(48% 70% at 38% 62%,#ffbe5a4d,#0000 100%)}.study-lamp-light{animation:5s ease-in-out infinite study-lamp}@keyframes study-lamp{0%,to{opacity:1}50%{opacity:.82}}.study-steam{animation:2.6s ease-in-out infinite study-steam}@keyframes study-steam{0%{opacity:0;transform:translateY(3px)}40%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.study-sparkle{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite study-sparkle}@keyframes study-sparkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}.study-breathe{animation:4s ease-in-out infinite study-breathe}@keyframes study-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.study-focus-card[data-state=focus]{background:radial-gradient(ellipse 90% 55% at 50% 0%, #ffc86e38, transparent 70%), var(--surface)}.study-focus-card[data-state=break]{background:radial-gradient(ellipse 90% 55% at 50% 0%, #34d39933, transparent 70%), var(--surface)}.study-ring-glow{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--ring-color,#f59e0b) 55%, transparent))}@media (prefers-reduced-motion:reduce){.study-star,.study-cloud,.study-rain,.study-lamp-glow,.study-window-lamp-glow,.study-lamp-light,.study-steam,.study-sparkle,.study-breathe,.study-plant-leaves{animation:none}}
