.pomodoro-page{--focus-sakura: #ec7eaa;--focus-lavender: #9185de;--focus-gold: #f2bf61;display:grid;gap:2rem}.pomodoro-hero{isolation:isolate;padding:1.35rem;border-color:#da669347;background:radial-gradient(circle at 6% 0%,rgba(255,199,220,.4),transparent 13rem),radial-gradient(circle at 88% 110%,rgba(151,138,226,.23),transparent 19rem),var(--glass-page-bg);box-shadow:0 22px 58px #753c6b1a,inset 0 1px #ffffffeb;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.pomodoro-hero:after{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 17% 32%,rgba(235,119,164,.18) 0 .27rem,transparent .31rem),radial-gradient(ellipse at 39% 18%,rgba(242,191,97,.15) 0 .21rem,transparent .25rem),radial-gradient(ellipse at 72% 76%,rgba(145,133,222,.15) 0 .25rem,transparent .3rem),repeating-linear-gradient(118deg,transparent 0 4.4rem,rgba(225,109,155,.034) 4.5rem 4.56rem,transparent 4.62rem 8rem);content:"";pointer-events:none}.pomodoro-hero>*{position:relative;z-index:1}.pomodoro-hero h1{font-size:3.35rem}.pomodoro-quick-start{display:none;width:fit-content}.pomodoro-shell{--timer-accent: #54dcff;--timer-border: rgba(84, 220, 255, .3);--timer-glow: rgba(0, 162, 224, .14);--timer-primary-start: #075f89;--timer-primary-mid: #176b91;--timer-primary-end: #236b82;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);gap:1rem;align-items:start}.pomodoro-shell[data-timer-status=running]{--timer-accent: #79e7ff;--timer-border: rgba(121, 231, 255, .48);--timer-glow: rgba(41, 206, 255, .26);--timer-primary-start: #075f89;--timer-primary-mid: #126a8f;--timer-primary-end: #1c6981}.pomodoro-shell[data-timer-status=paused]{--timer-accent: #ffc15a;--timer-border: rgba(255, 193, 90, .45);--timer-glow: rgba(255, 177, 55, .2);--timer-primary-start: #754800;--timer-primary-mid: #80520b;--timer-primary-end: #77500f}.pomodoro-shell[data-timer-status=resting]{--timer-accent: #79e0bf;--timer-border: rgba(121, 224, 191, .42);--timer-glow: rgba(84, 214, 175, .2);--timer-primary-start: #145f58;--timer-primary-mid: #1b685d;--timer-primary-end: #23685a}.pomodoro-dashboard,.pomodoro-settings{display:grid;gap:1rem}.pomodoro-dashboard{isolation:isolate;border-color:var(--timer-border);background:radial-gradient(circle at 50% 38%,var(--timer-glow),transparent 24rem),radial-gradient(circle at 98% 5%,rgba(235,115,162,.22),transparent 18rem),radial-gradient(circle at 5% 98%,rgba(139,126,218,.18),transparent 18rem),var(--glass-hud-bg);box-shadow:0 24px 68px #2314393d,0 0 30px #ea77a412,inset 0 1px #ffc6de21;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);transition:border-color .3s ease,box-shadow .3s ease}.pomodoro-dashboard:before{background:linear-gradient(90deg,#80e7ff,var(--focus-sakura) 62%,var(--focus-gold));box-shadow:0 0 18px #73dffc2e,0 0 20px #ec7eaa29}.pomodoro-dashboard:after{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 14% 19%,rgba(255,166,201,.08) 0 .32rem,transparent .37rem),radial-gradient(ellipse at 81% 31%,rgba(242,191,97,.07) 0 .23rem,transparent .28rem),repeating-linear-gradient(118deg,transparent 0 5.6rem,rgba(238,136,176,.025) 5.7rem 5.76rem,transparent 5.82rem 10rem);content:"";pointer-events:none}.pomodoro-dashboard>:not(.pomodoro-operator-stage){position:relative;z-index:1}.pomodoro-operator-stage{position:absolute;right:-4rem;bottom:-8rem;z-index:0;width:22rem;height:33rem;opacity:.1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000 100%);transition:opacity .42s ease,filter .42s ease}.pomodoro-operator-stage img{position:absolute;right:0;bottom:0;width:auto;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 0 1.4rem var(--timer-glow)) drop-shadow(0 0 1rem rgba(238,128,171,.13))}.pomodoro-operator-stage span{position:absolute;top:5.5rem;right:2.5rem;z-index:1;padding:.3rem .5rem;border-left:1px solid var(--timer-accent);color:#dff9ff;font-family:Courier New,Consolas,monospace;font-size:.58rem;font-weight:700;letter-spacing:.1em}.pomodoro-shell[data-timer-status=running] .pomodoro-operator-stage{opacity:.17}.pomodoro-shell[data-timer-status=paused] .pomodoro-operator-stage{opacity:.075;filter:grayscale(.5)}.pomodoro-shell[data-timer-status=resting] .pomodoro-operator-stage{opacity:.11}.pomodoro-settings{position:sticky;top:5.4rem;border-color:#d3669240;background:radial-gradient(circle at 100% 0%,rgba(235,137,176,.2),transparent 13rem),radial-gradient(circle at 0% 100%,rgba(148,136,222,.14),transparent 15rem),var(--glass-page-bg);box-shadow:0 20px 50px #6936621a,inset 0 1px #fffffff0;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.pomodoro-settings:before{background:linear-gradient(90deg,var(--focus-sakura),var(--focus-lavender) 58%,var(--focus-gold));box-shadow:0 0 18px #ea78a42e}.pomodoro-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.pomodoro-stats-grid div,.pomodoro-focus-card{padding:.8rem;border:1px solid rgba(238,142,180,.2);border-radius:8px;background:linear-gradient(135deg,#ffc1da13,#adcfff0b 60%,#9c8fe311),var(--glass-nested-bg)}.pomodoro-stat-status{border-color:var(--timer-border)!important;box-shadow:inset 3px 0 0 var(--timer-accent);transition:border-color .3s ease,box-shadow .3s ease}.pomodoro-stat-status .meta-code{display:inline-flex;align-items:center;gap:.42rem}.pomodoro-status-dot{width:.48rem;height:.48rem;border-radius:50%;background:var(--timer-accent);box-shadow:0 0 .7rem var(--timer-accent)}.pomodoro-stats-grid strong,.pomodoro-focus-card strong{display:block;margin-top:.25rem;color:#f3fbff}.pomodoro-dashboard .meta-code{color:#87e5ff;text-shadow:0 0 14px rgba(98,219,250,.24)}.pomodoro-focus-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(180px,.75fr) minmax(180px,.75fr);gap:.75rem;align-items:end}.pomodoro-focus-card label,.pomodoro-form label{display:grid;gap:.35rem;color:var(--text-secondary);font-weight:700}.pomodoro-dashboard .pomodoro-focus-card label{color:#ceebf5c2}.pomodoro-focus-card input,.pomodoro-focus-card select,.pomodoro-form input{width:100%;min-height:var(--control-height);padding:var(--control-padding);border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--glass-strong-bg);color:var(--text-primary);font:inherit}.pomodoro-modes,.pomodoro-controls,.pomodoro-presets{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.pomodoro-mode{min-height:2.55rem;padding:.5rem 1rem;border:1px solid rgba(236,139,178,.28);border-radius:999px;background:linear-gradient(135deg,#ffb5d312,#bbdeff0e);color:#d2eef7c2;font:inherit;font-weight:700;cursor:pointer}.pomodoro-mode:hover,.pomodoro-mode.is-active{border-color:#f297bc91;background:linear-gradient(135deg,#e2649742,#6759af4d 52%,#085a7f57);box-shadow:inset 0 -2px 0 var(--focus-gold),0 0 18px #eb7ba717;color:#fff}.pomodoro-clock{display:grid;place-items:center;min-height:21rem}.pomodoro-ring{--progress: 0deg;display:grid;place-items:center;width:min(21rem,76vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--timer-accent) var(--progress),rgba(235,134,176,.1) 0),radial-gradient(circle at 72% 18%,rgba(234,118,164,.2),transparent 42%),linear-gradient(135deg,#0e1c3e8a,#35214d7a 55%,#06416270),var(--glass-nested-bg);box-shadow:0 0 0 1px var(--timer-border),0 20px 52px #190d2a59,0 0 42px var(--timer-glow),0 0 32px #e974a20f;transition:background .3s ease,box-shadow .3s ease}.pomodoro-shell[data-timer-status=running] .pomodoro-ring,.pomodoro-shell[data-timer-status=resting] .pomodoro-ring{animation:pomodoro-session-pulse 3.8s ease-in-out infinite}.pomodoro-shell[data-timer-status=running] .pomodoro-status-dot,.pomodoro-shell[data-timer-status=resting] .pomodoro-status-dot{animation:pomodoro-status-pulse 2.8s ease-in-out infinite}.pomodoro-ring-inner{display:grid;place-items:center;width:calc(100% - 1.35rem);aspect-ratio:1;border:1px solid rgba(240,144,182,.23);border-radius:50%;background:radial-gradient(circle at 50% 44%,#412e5b94,#071936b8 68%),var(--glass-nested-bg);box-shadow:inset 0 0 42px #e76f9e1a,inset 0 -16px 34px #2195c412;text-align:center}#pomodoro-time{color:#f6fcff;font-family:Courier New,Consolas,monospace;font-size:clamp(4rem,13vw,7.8rem);font-weight:700;line-height:1}#pomodoro-ring-label{color:#b4e1f0bd;font-family:Courier New,Consolas,monospace;font-weight:700;letter-spacing:.08em}.pomodoro-form,.pomodoro-advanced{display:grid;gap:.75rem}.pomodoro-advanced summary{width:fit-content;padding:.44rem .7rem;border:1px solid rgba(35,141,206,.16);border-radius:999px;background:linear-gradient(135deg,#ffffffdb,#ffebf5c7);color:var(--text-secondary);font-weight:700;cursor:pointer}.pomodoro-advanced[open] summary{margin-bottom:.75rem;color:var(--electric)}.pomodoro-form .pomodoro-check{display:flex;align-items:center;gap:.55rem}.pomodoro-check input{width:auto;min-height:auto}.pomodoro-stats{display:grid;gap:.55rem;padding-top:.5rem;border-top:1px solid rgba(206,99,143,.18)}.pomodoro-completion-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem .95rem;border:1px solid rgba(121,224,191,.36);border-radius:9px;background:linear-gradient(135deg,#43b59724,#e779a41a 58%,#53bee71a),var(--glass-nested-bg);box-shadow:inset 3px 0 #79e0bf}.pomodoro-completion-actions[hidden]{display:none}.pomodoro-completion-actions p{flex:1 1 18rem;margin:0;color:#dcf3fad1;font-size:.9rem;line-height:1.55}.pomodoro-history{display:grid;gap:.72rem;padding-top:.75rem;border-top:1px solid rgba(206,99,143,.18)}.pomodoro-history-heading{display:flex;align-items:end;justify-content:space-between;gap:.75rem}.pomodoro-history-heading h3{margin:.12rem 0 0;font-size:1rem}.pomodoro-history-heading small{color:var(--text-muted);white-space:nowrap}.pomodoro-history-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.pomodoro-history-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .55rem;align-items:center;padding:.58rem .64rem;border:1px solid rgba(210,111,151,.16);border-radius:7px;background:var(--glass-nested-bg)}.pomodoro-history-status{padding:.15rem .42rem;border-radius:999px;background:#30967d1f;color:#286d5d;font-size:.7rem;font-weight:800}.pomodoro-history-item[data-outcome=interrupted] .pomodoro-history-status{background:#c7655b1f;color:#98463f}.pomodoro-history-topic{overflow:hidden;color:var(--text-primary);font-size:.84rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.pomodoro-history-item small{grid-column:2;color:var(--text-muted);font-size:.7rem}.pomodoro-history-empty{padding:.72rem;border:1px dashed rgba(206,99,143,.25);border-radius:7px;color:var(--text-muted);font-size:.78rem;line-height:1.55}.pomodoro-dashboard .pomodoro-controls .button{border-color:#ef92b74d;background:linear-gradient(135deg,#ffbbd614,#b7e0ff0e);color:#e6f7fcdb}.pomodoro-dashboard .pomodoro-controls .button.primary{border-color:var(--timer-border);background:linear-gradient(115deg,var(--timer-primary-start),var(--timer-primary-mid) 72%,var(--timer-primary-end));color:#fff}.pomodoro-mode:disabled,.pomodoro-presets .button:disabled,.pomodoro-form :is(input,button):disabled{opacity:.48;cursor:not-allowed;transform:none}.pomodoro-lock-note{width:fit-content;margin:-.25rem auto 0;padding:.42rem .72rem;border:1px solid var(--timer-border);border-radius:999px;background:linear-gradient(135deg,#361b43c7,#052b45b8);color:#dcf3fac7;font-family:Courier New,Consolas,monospace;font-size:.72rem;line-height:1.45;text-align:center}.pomodoro-dashboard .admin-message{padding:.75rem .9rem;border:1px solid var(--timer-border);border-radius:8px;background:linear-gradient(135deg,#ffbcd813,#b9e0ff0b);color:#cdebf5c2}.pomodoro-stats p{margin:0}.pomodoro-dashboard:hover,.pomodoro-settings:hover,.pomodoro-hero:hover{transform:none}@keyframes pomodoro-session-pulse{0%,to{filter:brightness(1);box-shadow:0 0 0 1px var(--timer-border),0 20px 52px #190d2a59,0 0 42px var(--timer-glow),0 0 32px #e974a20f}50%{filter:brightness(1.045);box-shadow:0 0 0 1px var(--timer-border),0 22px 58px #190d2a5e,0 0 62px var(--timer-glow),0 0 38px #e974a214}}@keyframes pomodoro-status-pulse{0%,to{opacity:.62}50%{opacity:1}}@media(max-width:980px){.pomodoro-shell,.pomodoro-focus-card{grid-template-columns:1fr}.pomodoro-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pomodoro-clock{min-height:16rem}.pomodoro-settings{position:static}.pomodoro-operator-stage{right:-6rem;height:28rem;opacity:.07}}@media(max-width:560px){.pomodoro-quick-start{display:inline-flex;width:100%}.pomodoro-hero h1{font-size:2.45rem}.pomodoro-controls,.pomodoro-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#pomodoro-start,#pomodoro-return:not([hidden]){grid-column:1 / -1}.pomodoro-completion-actions .button{width:100%}.pomodoro-ring{width:min(15.5rem,80vw)}.pomodoro-clock{min-height:14.5rem}.pomodoro-operator-stage{display:none}}@media(max-width:660px){.pomodoro-hero,.pomodoro-dashboard,.pomodoro-settings{backdrop-filter:var(--glass-filter-mobile);-webkit-backdrop-filter:var(--glass-filter-mobile)}}@media(prefers-reduced-motion:reduce){.pomodoro-ring,.pomodoro-status-dot,.pomodoro-operator-stage{animation:none!important;transition:none!important}}