.background-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.8;animation-iteration-count:infinite;animation-timing-function:ease-in-out;mix-blend-mode:screen}.orb-1{width:60vw;height:60vw;top:-15%;left:-15%;background:radial-gradient(circle,#3eb4f066,#3eb4f000 70%);animation:float1 15s infinite alternate}.orb-2{width:50vw;height:50vw;bottom:-10%;right:-5%;background:radial-gradient(circle,#ec48994d,#ec489900 70%);animation:float2 20s infinite alternate-reverse}.orb-3{width:40vw;height:40vw;top:40%;left:30%;background:radial-gradient(circle,#a855f74d,#a855f700 70%);animation:float3 18s infinite alternate}@keyframes float1{0%{transform:translate(0) rotate(0)}to{transform:translate(10%,20%) rotate(20deg)}}@keyframes float2{0%{transform:translate(0) scale(1)}to{transform:translate(-20%,-10%) scale(1.1)}}@keyframes float3{0%{transform:translate(0) scale(1)}50%{transform:translate(20%,-20%) scale(1.2)}to{transform:translate(-10%,20%) scale(.9)}}:root{--bg-color: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--accent-hover: #0ea5e9;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--glass-blur: 10px;--status-focus: #f43f5e;--status-short-break: #10b981;--status-long-break: #3b82f6;--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#root{width:100%;height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;font-family:inherit}