.session-work{--accent: #e3a15c;--accent-glow: rgba(227, 161, 92, .55)}.session-shortBreak{--accent: #7fb6a6;--accent-glow: rgba(127, 182, 166, .55)}.session-longBreak{--accent: #9b8fd1;--accent-glow: rgba(155, 143, 209, .55)}.app{position:relative;min-height:100dvh;width:100vw}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.backdrop-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(.9) brightness(.78);opacity:0;transition:opacity 1.4s ease}.backdrop-image-active{opacity:1}.backdrop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,#14100c40,#0f0c098c 55%,#0a0806d9),linear-gradient(to bottom,#0a080666,#0a08061a 28%,#0a080640 62%,#080605e6);transition:background 1s ease}.content{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.75rem,2vh,1.25rem);padding:2rem 1.5rem 9rem;text-align:center}.session-label{text-transform:uppercase;letter-spacing:.35em;font-size:.8rem;font-weight:500;color:var(--accent);transition:color .6s ease}.timer-ring{position:relative;width:min(72vw,300px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#f5efe626;stroke-width:2}.ring-progress{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .6s ease;filter:drop-shadow(0 0 6px var(--accent-glow))}.timer-digits{position:absolute;font-family:Georgia,Cambria,Times New Roman,ui-serif,serif;font-weight:400;font-size:clamp(2.8rem,10vw,4.5rem);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#f5efe6}.cycle-dots{display:flex;gap:.5rem;margin-top:.25rem}.dot{width:6px;height:6px;border-radius:50%;background:#f5efe640;transition:background .4s ease,transform .4s ease}.dot-filled{background:var(--accent);transform:scale(1.3)}.completed-count{font-size:.8rem;letter-spacing:.08em;color:#f5efe699;font-weight:300}.toast{position:absolute;top:clamp(2rem,8vh,4rem);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#f5efe6;background:#14100c8c;padding:.6rem 1.4rem;border-radius:999px;border:1px solid rgba(245,239,230,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;animation:toast-in .4s ease;transition:opacity .4s ease,transform .4s ease}.toast-fading{opacity:0;transform:translateY(-8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.activity-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#08060580;animation:toast-in .4s ease;transition:opacity .4s ease}.activity-overlay.toast-fading{opacity:0;transform:none}.activity-card{width:100%;max-width:360px;background:#14100cbf;border:1px solid rgba(245,239,230,.2);border-radius:20px;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 20px 60px #00000073;padding:1.75rem 1.5rem;text-align:center}.activity-question{margin:0 0 1.1rem;font-size:.95rem;font-weight:500;letter-spacing:.04em;color:#f5efe6}.activity-options{display:flex;gap:.6rem;justify-content:center;margin-bottom:1.25rem}.activity-btn{flex:1;border:1px solid rgba(245,239,230,.25);background:#f5efe614;color:#f5efe6;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:.65rem .5rem;border-radius:999px;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease}.activity-btn:hover{background:var(--accent);border-color:var(--accent);color:#14100c}.activity-quote{margin:0;font-size:.72rem;line-height:1.5;font-style:italic;color:#f5efe699}.finish-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#f5efe673,#f5efe600 70%);z-index:5;pointer-events:none;animation:flash-fade 1.6s ease-out forwards}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}.controls{position:fixed;bottom:clamp(1.5rem,4vh,3rem);left:50%;transform:translate(-50%);z-index:2;display:flex;gap:.5rem;padding:.5rem;background:#14100c66;border:1px solid rgba(245,239,230,.15);border-radius:999px;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 8px 30px #00000059;max-width:calc(100vw - 1.5rem)}.control-btn{border:none;background:transparent;color:#f5efe6d9;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:.7rem 1.2rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .25s ease,color .25s ease,opacity .25s ease}.control-btn:hover:not(:disabled){background:#f5efe61f}.control-btn:disabled{opacity:.35;cursor:default}.control-primary{background:var(--accent);color:#14100c;font-weight:500}.control-primary:hover:not(:disabled){filter:brightness(1.1)}.control-primary:disabled{background:#f5efe626;color:#f5efe666}@media (max-width: 420px){.content{padding-bottom:8.5rem}.control-btn{padding:.65rem .85rem;font-size:.72rem}.controls{gap:.25rem}}@media (max-height: 560px){.content{padding-top:1rem;padding-bottom:7rem;gap:.5rem}.timer-ring{width:min(50vw,220px)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:#14100c;color:#f5efe6;-webkit-font-smoothing:antialiased;overflow-y:auto}button{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}