.pomodoro-page{background:#211326;min-height:100svh}.pomodoro-page .navbar{z-index:10;position:relative}.pomodoro-page .nav-logo{width:9rem;overflow:visible}.pomodoro-page .nav-wordmark{letter-spacing:-.08em;filter:drop-shadow(0 2px 5px #08081029);align-items:baseline;font:400 2.1rem/1 Caprasimo,Georgia,serif;display:inline-flex}.pomodoro-page .nav-wordmark b{color:#7c3f27;font-weight:400}.pomodoro-page .nav-wordmark i{color:#87ceeb;font-style:normal}.pomodoro-stage{--pomodoro-dark:#704124;--pomodoro-light:#d6aa78;isolation:isolate;background:#18243c;min-height:calc(100svh - 90px);transition:background .8s;position:relative;overflow:hidden}.pomodoro-visual,.pomodoro-shade,.pomodoro-focus-backdrop{position:absolute;inset:0}.pomodoro-visual{z-index:-3;opacity:1;background:#18243c;transition:opacity .8s,filter .8s,transform .8s}.pomodoro-scene{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.pomodoro-stage-sound-lofi{background:#101c3a}.pomodoro-stage-sound-lofi .pomodoro-visual{background:#18243c}.pomodoro-focus-backdrop{z-index:-2;-webkit-backdrop-filter:blur(10px)saturate(.84);backdrop-filter:blur(10px)saturate(.84);pointer-events:none;background:linear-gradient(90deg,#12101f6b 0%,#12101f42 70%,#12101f00 100%);width:min(42vw,650px);transition:width .8s,background .8s,-webkit-backdrop-filter .8s,backdrop-filter .8s;right:auto;-webkit-mask-image:linear-gradient(90deg,#000 0% 76%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 76%,#0000 100%)}.pomodoro-shade{z-index:-1;pointer-events:none;background:linear-gradient(#070d1d0f,#0000 22% 78%,#070d1d1a);transition:background .8s}.pomodoro-panel{color:#fff8ed;text-align:center;z-index:1;flex-direction:column;align-items:center;width:min(42vw,610px);min-height:calc(100svh - 90px);padding:clamp(2rem,4vw,4.5rem) clamp(1.5rem,4vw,5rem) 2.5rem;transition:width .8s,padding .8s,transform .8s;display:flex;transform:translateZ(0)}.pomodoro-stage-break .pomodoro-visual,.pomodoro-stage-done .pomodoro-visual{opacity:.12;filter:blur(16px)saturate(.55);transform:scale(1.035)}.pomodoro-stage-break,.pomodoro-stage-done{background:#30263f}.pomodoro-stage-break .pomodoro-focus-backdrop,.pomodoro-stage-done .pomodoro-focus-backdrop{-webkit-backdrop-filter:blur(22px)saturate(.65);backdrop-filter:blur(22px)saturate(.65);background:#30263fbd;width:100%;-webkit-mask-image:none;mask-image:none}.pomodoro-stage-break .pomodoro-shade,.pomodoro-stage-done .pomodoro-shade{background:radial-gradient(circle,#684f7933,#1914258f)}.pomodoro-stage-break .pomodoro-panel,.pomodoro-stage-done .pomodoro-panel{justify-content:center;width:100%;min-height:calc(100svh - 90px);padding-inline:clamp(1.5rem,5vw,5rem);transform:scale(1.035)}.pomodoro-kicker{color:#d8b995;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:800}.pomodoro-panel h1{margin:0 0 1rem;font:400 clamp(1.55rem,2.4vw,2.5rem)/1.1 Fraunces,Georgia,serif}.pomodoro-session-plan{color:#fff2df;letter-spacing:.08em;text-transform:uppercase;background:#180f1c2e;border:1px solid #ffffff3d;border-radius:999px;margin:-.35rem 0 .25rem;padding:.4rem .8rem;font-size:.78rem;font-weight:900}.pomodoro-clock{aspect-ratio:1;place-items:center;width:min(42vh,360px);margin:.35rem 0 1.35rem;display:grid;position:relative}.pomodoro-clock svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.pomodoro-clock circle{fill:none;stroke-width:20px}.pomodoro-ring-track{stroke:var(--pomodoro-light);opacity:.92}.pomodoro-ring-progress{stroke:var(--pomodoro-dark);stroke-linecap:round;transition:stroke-dashoffset .35s linear}.pomodoro-clock strong{color:#fff7e8;letter-spacing:.015em;text-shadow:0 .25rem 1.2rem #14081847;font:400 clamp(3.1rem,6vw,6.1rem)/.9 Caprasimo,Georgia,serif;display:block}.pomodoro-stage-urgent .pomodoro-clock strong{color:#ff534b;text-shadow:0 0 1.1rem #ff221c57}.pomodoro-stage-urgent .pomodoro-ring-progress{stroke:#f13c35}.pomodoro-stage-countdown .pomodoro-clock strong{animation:1s both pomodoro-countdown-pulse}@keyframes pomodoro-countdown-pulse{0%{opacity:.2;transform:scale(.82)}35%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.pomodoro-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;width:min(100%,34rem);display:grid}.pomodoro-field{text-align:left;gap:.35rem;display:grid}.pomodoro-field>span{color:#e7d3bb;letter-spacing:.08em;text-transform:uppercase;padding-left:.8rem;font-size:.72rem;font-weight:800}.pomodoro-field select{color:#2e1920;cursor:pointer;background:#fff8ede6;border:1px solid #ffffff38;border-radius:999px;outline:none;width:100%;min-height:2.85rem;padding:.65rem 2.1rem .65rem .9rem;font-weight:800}.pomodoro-field select:focus{box-shadow:0 0 0 4px #d6aa7840}.pomodoro-actions{justify-content:center;gap:.7rem;margin-top:1.15rem;display:flex}.pomodoro-actions button{cursor:pointer;border-radius:999px;min-height:3rem;padding:.7rem 1.35rem;font-weight:900;transition:transform .18s,opacity .18s,background .18s}.pomodoro-actions button:hover:not(:disabled){transform:translateY(-2px)}.pomodoro-start{color:#fff;background:#704124;border:1px solid #d6aa78}.pomodoro-start:disabled{opacity:.45;cursor:not-allowed}.pomodoro-reset{color:#fff8ed;background:#ffffff14;border:1px solid #ffffff6b}.pomodoro-hint{color:#d8b995;margin:.65rem 0 0;font-size:.8rem}.pomodoro-done-controls{justify-items:center;gap:1rem;width:min(100%,22rem);margin-top:.25rem;display:grid}.pomodoro-done-question{color:#fff2df;margin:0;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700;line-height:1.35}.pomodoro-done-sound-field{width:100%}@media (max-width:900px){.pomodoro-stage{min-height:calc(100svh - 72px)}.pomodoro-scene{object-position:center;opacity:.58}.pomodoro-focus-backdrop{-webkit-backdrop-filter:blur(12px)saturate(.8);backdrop-filter:blur(12px)saturate(.8);background:#18182b6b;width:100%;-webkit-mask-image:none;mask-image:none}.pomodoro-shade{background:#14122238}.pomodoro-panel{width:100%;min-height:calc(100svh - 72px);margin:0 auto}.pomodoro-page .nav-logo{width:7.5rem}.pomodoro-page .nav-wordmark{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){.pomodoro-visual,.pomodoro-focus-backdrop,.pomodoro-panel{transition:none}.pomodoro-stage-countdown .pomodoro-clock strong{animation:none}}@media (max-width:560px){.pomodoro-panel{justify-content:center;padding:1.25rem}.pomodoro-clock{width:min(67vw,310px)}.pomodoro-settings{grid-template-columns:1fr 1fr}.pomodoro-sound-field{grid-column:1/-1}}