:root{--bg:#0a0a0c;--bg-2:#131316;--card:#16161b;--card-2:#1c1c22;--border:#2a2a32;--border-2:#1f1f25;--fg:#fafafa;--muted:#71717a;--muted-2:#a1a1aa;--accent:#f97316;--accent-2:#fb923c;--accent-soft:rgba(249,115,22,0.15);--accent-glow:rgba(249,115,22,0.35)}body[data-mode="focus"]{--accent:#f97316;--accent-2:#fb923c;--accent-soft:rgba(249,115,22,0.15);--accent-glow:rgba(249,115,22,0.35)}body[data-mode="short"]{--accent:#10b981;--accent-2:#34d399;--accent-soft:rgba(16,185,129,0.15);--accent-glow:rgba(16,185,129,0.35)}body[data-mode="long"]{--accent:#06b6d4;--accent-2:#22d3ee;--accent-soft:rgba(6,182,212,0.15);--accent-glow:rgba(6,182,212,0.35)}*{box-sizing:border-box}html,body{background:var(--bg)}body{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;color:var(--fg);min-height:100vh;overflow-x:hidden;transition:background 0.8s ease}.font-display{font-family:'Space Grotesk',sans-serif}.font-mono{font-family:'JetBrains Mono',monospace}.bg-aura{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 900px 700px at 15% 25%,var(--accent-glow),transparent 55%),radial-gradient(ellipse 700px 500px at 85% 80%,var(--accent-soft),transparent 55%),radial-gradient(ellipse 1200px 800px at 50% 100%,rgba(0,0,0,0.5),transparent 70%);opacity:0.5;transition:all 0.8s ease}body::before{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.timer-ring{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.ring-track{fill:none;stroke:rgba(255,255,255,0.04);stroke-width:1.5}.ring-progress{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 0.95s linear,stroke 0.8s ease;filter:drop-shadow(0 0 14px var(--accent-glow))}.ring-tick{stroke:rgba(255,255,255,0.12);stroke-width:1}.ring-tick-major{stroke:rgba(255,255,255,0.25);stroke-width:1.5}.running .ring-progress{animation:pulse-glow 2.4s ease-in-out infinite}@keyframes pulse-glow{0%,100%{filter:drop-shadow(0 0 14px var(--accent-glow))}50%{filter:drop-shadow(0 0 26px var(--accent-glow))}}.center-orb{position:absolute;inset:24%;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--accent-soft),transparent 70%);opacity:0;transition:opacity 0.6s ease;pointer-events:none}.running .center-orb{opacity:1;animation:orb-pulse 3s ease-in-out infinite}@keyframes orb-pulse{0%,100%{transform:scale(1);opacity:0.6}50%{transform:scale(1.08);opacity:0.9}}.btn-primary{background:var(--accent);color:#0a0a0c;font-weight:700;transition:all 0.25s cubic-bezier(0.22,1,0.36,1);box-shadow:0 8px 32px -8px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,0.25);position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:translateX(-100%);transition:transform 0.6s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,0.3)}.btn-primary:hover::before{transform:translateX(100%)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:rgba(255,255,255,0.03);color:var(--fg);border:1px solid var(--border);transition:all 0.2s ease;backdrop-filter:blur(10px)}.btn-ghost:hover{background:rgba(255,255,255,0.07);border-color:var(--accent);color:var(--accent-2)}.btn-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--muted-2);transition:all 0.2s ease}.btn-icon:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2);transform:rotate(-30deg)}.btn-icon#skip-btn:hover{transform:rotate(30deg)}.mode-tab{transition:all 0.3s ease;position:relative;padding:8px 4px;color:var(--muted);font-weight:500}.mode-tab:hover{color:var(--muted-2)}.mode-tab.active{color:var(--fg)}.mode-tab.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:28px;height:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 12px var(--accent-glow)}.time-display{font-family:'JetBrains Mono',monospace;font-weight:200;letter-spacing:-0.04em;font-variant-numeric:tabular-nums;line-height:1;transition:color 0.6s ease}.card{background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--border-2);border-radius:18px;backdrop-filter:blur(20px);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent)}.toast{transform:translateX(120%);opacity:0;transition:all 0.4s cubic-bezier(0.22,1,0.36,1)}.toast.show{transform:translateX(0);opacity:1}.modal-backdrop{opacity:0;pointer-events:none;transition:opacity 0.3s ease}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal-content{transform:translateY(20px) scale(0.96);opacity:0;transition:all 0.35s cubic-bezier(0.22,1,0.36,1)}.modal-backdrop.show .modal-content{transform:translateY(0) scale(1);opacity:1}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:rgba(255,255,255,0.08);border-radius:2px;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 0 4px var(--bg),0 0 12px var(--accent-glow);transition:transform 0.15s}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type="range"]::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 0 4px var(--bg),0 0 12px var(--accent-glow)}.toggle{width:38px;height:22px;background:rgba(255,255,255,0.08);border-radius:12px;position:relative;cursor:pointer;transition:background 0.25s;flex-shrink:0}.toggle::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fafafa;border-radius:50%;transition:transform 0.25s cubic-bezier(0.22,1,0.36,1);box-shadow:0 2px 4px rgba(0,0,0,0.3)}.toggle.on{background:var(--accent)}.toggle.on::after{transform:translateX(16px)}.history-item{transition:all 0.2s ease;border:1px solid transparent}.history-item:hover{background:rgba(255,255,255,0.03);border-color:var(--border-2);transform:translateX(2px)}@keyframes burst{0%{transform:scale(0.95);opacity:0.8;border-width:3px}100%{transform:scale(1.4);opacity:0;border-width:1px}}.burst-ring{animation:burst 1s cubic-bezier(0.22,1,0.36,1) forwards}@keyframes digit-pop{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.digit-pop{animation:digit-pop 0.3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (max-width:1024px){.main-grid{grid-template-columns:1fr !important;gap:2rem !important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.logo-rotate{animation:spin-slow 30s linear infinite}@keyframes dot-fill{from{transform:scale(0.5)}to{transform:scale(1)}}.session-dot.filled{animation:dot-fill 0.4s cubic-bezier(0.22,1.5,0.36,1)}