:root{--bg-primary: #0f172a;--bg-panel: rgba(30, 41, 59, .5);--bg-panel-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-focus: #f43f5e;--accent-short: #0ea5e9;--accent-long: #8b5cf6;--shadow-glow: 0 0 20px rgba(244, 63, 94, .3);--font-body: "Inter", system-ui, sans-serif;--font-timer: "Outfit", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}#ad-banner{width:100%;height:90px;background:#1a1a2e;display:flex;align-items:center;justify-content:center;color:#555;font-size:.85rem;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:10}#ad-banner:after{content:"Ad Space";opacity:.4}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;position:relative;overflow:hidden}#root{position:relative;height:calc(100vh - 90px)}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-panel-border);border-radius:24px;box-shadow:0 8px 32px #0000004d}.bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background-size:cover;background-position:center;transition:background-image 1s ease-in-out}video.bg-layer{object-fit:cover;object-position:center}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(to bottom,#0f172a33,#0f172a99);pointer-events:none}.btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-main);padding:.75rem 1.5rem;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{background:#fff3;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.theme-focus{--shadow-glow: 0 0 30px rgba(244, 63, 94, .4)}.theme-shortBreak{--shadow-glow: 0 0 30px rgba(14, 165, 233, .4)}.theme-longBreak{--shadow-glow: 0 0 30px rgba(139, 92, 246, .4)}