.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{--tabs-top: max( clamp(1.5rem, 4vh, 3rem), calc((clamp(1.5rem, 4vh, 3rem) + 50dvh - min(36vw, 150px) - 5.65rem - (1.5*clamp(.75rem, 2vh, 1.25rem)))/2) );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;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.75rem,2vh,1.25rem);padding:6rem 1.5rem 9rem;text-align:center}.session-tabs{position:fixed;top:var(--tabs-top);left:50%;transform:translate(-50%);z-index:9;display:flex;gap:.25rem;padding:.3rem;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);max-width:calc(100vw - 1.5rem)}.session-tab{border:none;background:transparent;color:#f5efe6b3;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .25s ease,color .25s ease}.session-tab:hover:not(.session-tab-active){background:#f5efe61f;color:#f5efe6}.session-tab-active{background:var(--accent);color:#14100c;font-weight:500}.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:calc(var(--tabs-top) + 3.25rem);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:8;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}.reward-card{max-width:440px;margin:0;padding:2.25rem 2rem;animation:toast-in .4s ease}.reward-label{margin:0 0 1.1rem;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#f5efe699}.reward-text{margin:0;font-family:Georgia,Cambria,Times New Roman,ui-serif,serif;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.6;font-style:italic;color:#f5efe6}.reward-attribution{margin-top:1.1rem;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.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:9;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){background:var(--accent);filter:brightness(1.1)}.control-primary:disabled{background:#f5efe626;color:#f5efe666}.focus-report{--sell: rgba(227, 161, 92, .55);--build: rgba(127, 182, 166, .55);position:fixed;bottom:clamp(1.5rem,4vh,3rem);right:clamp(1.5rem,3vw,2.5rem);width:180px;text-align:left;color:#f5efe680}.focus-report-title{margin-bottom:.5rem;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#f5efe666}.focus-bar{display:flex;gap:2px;height:4px;border-radius:999px;overflow:hidden;background:#f5efe614}.focus-bar-segment{height:100%}.focus-sell{background:var(--sell)}.focus-build{background:var(--build)}.focus-shares{display:flex;justify-content:space-between;margin-top:.35rem;padding-bottom:.5rem;border-bottom:1px solid rgba(245,239,230,.1);font-size:.62rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.focus-text-sell{color:var(--sell)}.focus-text-build{color:var(--build)}.focus-times{list-style:none;display:grid;gap:.2rem;margin-top:.5rem;font-size:.66rem;color:#f5efe659;font-variant-numeric:tabular-nums}.focus-times li{display:flex;justify-content:space-between;white-space:nowrap}.focus-times-total{margin-top:.25rem}@media (max-width: 960px){.focus-report{position:static;margin-top:.75rem}}@media (max-width: 420px){.content{padding-bottom:8.5rem}.control-btn{padding:.65rem .85rem;font-size:.72rem}.controls{gap:.25rem}.session-tabs{gap:.1rem;padding:.25rem}.session-tab{padding:.5rem .6rem;font-size:.62rem;letter-spacing:.04em}}@media (max-height: 560px){.content{padding-top:4.5rem;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}