.scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;shape-rendering:crispEdges;image-rendering:pixelated}.lamp-glow{opacity:0;transition:opacity 1.2s ease}.lamp--on .lamp-glow{opacity:.13}.lamp .lamp-bulb{fill:#8a7460;transition:fill 1.2s ease}.lamp--on .lamp-bulb{fill:#ffd98a}.scene--animated .lamp--on .lamp-glow{animation:flicker 4s steps(2,jump-none) infinite}@keyframes flicker{0%,78%,to{opacity:.13}80%,84%{opacity:.09}82%{opacity:.15}}.scene--animated .steam{animation:steam-rise 3s steps(3) infinite}@keyframes steam-rise{0%{transform:translateY(0);opacity:1}to{transform:translateY(-7px);opacity:0}}.scene--animated .rain{animation:rain-fall .9s steps(6) infinite}@keyframes rain-fall{0%{transform:translateY(-9px)}to{transform:translateY(24px)}}.scene--animated .snow{animation:snow-fall 5s steps(14) infinite}@keyframes snow-fall{0%{transform:translateY(-12px)}to{transform:translate(3px,30px)}}.scene--animated .clouds{animation:cloud-drift var(--cloud-dur, 28s) steps(28,jump-none) infinite alternate}@keyframes cloud-drift{0%{transform:translate(-4px)}to{transform:translate(6px)}}.scene--animated .lightning{animation:lightning-flash 9s steps(1) infinite}@keyframes lightning-flash{0%,91%,94%,to{opacity:0}92%{opacity:.75}93%{opacity:.25}}.scene--animated .cat-tail{transform-box:fill-box;transform-origin:100% 50%;animation:tail-swish 5s steps(2,jump-none) infinite}@keyframes tail-swish{0%,60%,to{transform:rotate(0)}70%,90%{transform:rotate(-14deg)}}.scene--animated .candle-flame{animation:candle var(--candle-dur, 1.6s) steps(2,jump-none) infinite}.streak-board{cursor:pointer}.streak-board:hover rect:first-of-type{filter:brightness(1.15)}.scene--animated .sway{animation:sway var(--sway-dur, 5s) ease-in-out infinite alternate}@keyframes sway{0%{transform:translate(0)}to{transform:translate(var(--sway-x, .2px))}}.scene--animated .petals{animation:petal-drift 6s steps(12) infinite}@keyframes petal-drift{0%{transform:translate(-6px,-8px)}to{transform:translate(8px,26px)}}.scene--animated .leaves{animation:leaf-fall 5s steps(10) infinite}@keyframes leaf-fall{0%{transform:translate(4px,-8px)}to{transform:translate(-6px,26px)}}.plant-drift,.plant-spark{opacity:0}.scene--animated .plant-drift{animation:plant-drift var(--dur, 4s) steps(12) infinite;animation-delay:var(--delay, 0s)}@keyframes plant-drift{0%{transform:translate(0);opacity:0}8%{opacity:1}85%{opacity:1}to{transform:translate(var(--dx, 4px),var(--dy, 30px));opacity:0}}.scene--animated .plant-spark{animation:plant-spark 1s steps(8) 1 forwards}@keyframes plant-spark{0%{transform:translate(0);opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}.scene--animated .plant-pulse{animation:plant-pulse 1.6s steps(8) 1}@keyframes plant-pulse{0%,to{filter:brightness(1)}40%{filter:brightness(1.45) drop-shadow(0 0 1.5px #fff2c8)}}.plant-hit{outline:none}.plant-hit:focus-visible rect{stroke:#f5cf5a;stroke-width:.5;stroke-dasharray:1.5 1}.scene--animated .firefly{animation:firefly-blink 3.2s steps(2,jump-none) infinite}@keyframes firefly-blink{0%,to{opacity:0}45%,60%{opacity:.95}}.scene--animated .twinkle{animation:twinkle 4s steps(2,jump-none) infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.55}}.scene--animated .birds{animation:bird-glide 40s linear infinite}@keyframes bird-glide{0%{transform:translate(-14px)}to{transform:translate(60px)}}.scene--animated .aurora{animation:aurora-breathe 7s ease-in-out infinite alternate}@keyframes aurora-breathe{0%{transform:translate(-3px);opacity:.75}to{transform:translate(3px);opacity:1}}.scene--animated .fire-flames{transform-box:fill-box;transform-origin:50% 100%;animation:fire-dance .7s steps(2,jump-none) infinite}@keyframes fire-dance{0%,to{transform:scaleY(1)}50%{transform:scaleY(.88) scaleX(1.05)}}.scene--animated .fire-glow{animation:flicker 3s steps(2,jump-none) infinite}@keyframes candle{0%,to{opacity:1}50%{opacity:.7}}@media(prefers-reduced-motion:reduce){.scene--animated .lamp--on .lamp-glow,.scene--animated .steam,.scene--animated .rain,.scene--animated .cat-tail,.scene--animated .candle-flame,.scene--animated .fire-flames,.scene--animated .fire-glow,.scene--animated .snow,.scene--animated .clouds,.scene--animated .lightning,.scene--animated .sway,.scene--animated .twinkle,.scene--animated .birds,.scene--animated .petals,.scene--animated .leaves,.scene--animated .firefly,.scene--animated .plant-drift,.scene--animated .plant-spark,.scene--animated .plant-pulse,.scene--animated .aurora{animation:none}}.scene--animated .pet-bob{animation:pet-bob .45s steps(2,jump-none) infinite}@keyframes pet-bob{0%{transform:translateY(0)}to{transform:translateY(-.8px)}}@keyframes pet-hop{0%,55%,to{transform:translateY(0)}12%{transform:translateY(-2.4px)}24%{transform:translateY(0)}36%{transform:translateY(-1.4px)}}.pet-happy{animation:pet-hop 1.1s ease-out 2}@keyframes pet-z{0%{opacity:0;transform:translateY(1px)}25%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(1.2px,-5px)}}.scene--animated .pet-z{opacity:0;animation:pet-z 3.4s ease-out infinite}@media(prefers-reduced-motion:reduce){.scene--animated .pet-z{animation:none;opacity:.8}}@keyframes heart-float{0%{opacity:0;transform:translate(0)}18%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-9px)}}.pet-heart{animation:heart-float 3s ease-out forwards}@keyframes postcard-arrive{0%{opacity:0}to{opacity:1}}.postcard{animation:postcard-arrive 2.5s ease-in}.pet-pat{position:fixed;left:12px;bottom:12px;z-index:6;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.pet-pat:focus-visible{width:auto;height:auto;padding:6px 14px;overflow:visible;clip:auto;border-radius:999px;background:var(--surface-raised);color:var(--cream);box-shadow:var(--shadow);font-size:13px}@keyframes bubble-in{0%{opacity:0}to{opacity:1}}.pet-bubble{animation:bubble-in .3s ease-out}.scene--animated .toy-roll{animation:toy-roll 1.6s steps(8,jump-none) infinite alternate}@keyframes toy-roll{0%{transform:translate(-3px)}to{transform:translate(3px)}}.scene--animated .toy-bounce{animation:toy-bounce .7s steps(4,jump-none) infinite alternate}@keyframes toy-bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.timer-card{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 28px;text-align:center;min-width:240px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.timer-card:active{cursor:grabbing}.timer-card--minimal{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;min-width:0;padding:8px 16px}.timer-card--minimal .timer-clock{text-shadow:0 4px 18px rgba(15,10,20,.85),0 1px 4px rgba(15,10,20,.9);font-size:clamp(52px,12vw,80px)}.timer-card--minimal .timer-mode{text-shadow:0 2px 8px rgba(15,10,20,.8)}.timer-card--minimal .timer-controls{opacity:0;transition:opacity .25s ease}.timer-card--minimal:hover .timer-controls,.timer-card--minimal:focus-within .timer-controls{opacity:1}.timer-card--bar{display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:999px;min-width:0}.timer-card--bar .timer-clock{font-size:26px;margin:0}.timer-card--bar .timer-mode{font-size:12px}.timer-card--bar .timer-controls{margin-top:0;gap:4px}.timer-card--bar .btn-primary{padding:6px 16px;font-size:13px}.timer-card--bar .btn-quiet{padding:6px 8px;font-size:13px}.timer-mode{font-size:13px;color:var(--muted);letter-spacing:.08em}.timer-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lamp);margin-right:4px}.timer-card--shortBreak .timer-dot,.timer-card--longBreak .timer-dot{background:var(--dusty-rose)}.timer-clock{font-family:var(--font-pixel);font-size:clamp(44px,10vw,64px);color:var(--lamp);line-height:1.2;margin:4px 0}.timer-card--shortBreak .timer-clock,.timer-card--longBreak .timer-clock{color:var(--dusty-rose)}.timer-style-toggle{display:inline-flex;gap:2px;margin-top:6px;padding:2px;border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.timer-style-opt{position:relative;font-size:12px;color:var(--muted);padding:4px 12px;border-radius:999px}.timer-style-opt--active{background:var(--ember);color:#2b1c14;font-weight:700}.timer-style-opt--new:after{content:"";position:absolute;top:1px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 90%,transparent)}.timer-style-opt--pulse{animation:timer-style-pulse .8s ease-in-out 4}@keyframes timer-style-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--ember) 0%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--ember) 55%,transparent)}}@media(prefers-reduced-motion:reduce){.timer-style-opt--pulse{animation:none;outline:2px solid var(--ember);outline-offset:1px}}.timer-clock--long{font-size:clamp(34px,8vw,52px)}.timer-card--minimal .timer-clock--long{font-size:clamp(38px,9vw,60px)}.timer-card--bar .timer-clock--long{font-size:20px}.timer-break-btn{white-space:nowrap}.timer-hint{color:var(--muted);font-size:14px;margin-bottom:6px}.timer-controls{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:10px}.timer-mute{font-size:15px;padding:4px 6px}.timer-mute--muted{opacity:.9}.btn-primary{background:var(--ember);color:#2b1c14;font-weight:700;padding:8px 22px;border-radius:999px;font-size:15px;transition:transform .15s ease,filter .15s ease}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-quiet{color:var(--muted);font-size:14px;padding:8px 10px;border-radius:999px}.btn-quiet:hover{color:var(--cream);background:#ffffff0f}.sound-panel{display:flex;flex-direction:column;gap:12px}.sound-row{display:flex;align-items:center;gap:12px;justify-content:space-between}.sound-label{font-size:14px;min-width:96px}.sound-row input[type=range]{flex:1;accent-color:var(--ember);max-width:160px}.sound-row--select select{flex:1;max-width:160px;background:var(--surface-raised);color:var(--cream);border:1px solid transparent;border-radius:6px;padding:5px 8px;font-size:13px;font-family:inherit}.sound-row--select select:focus{outline:none;border-color:var(--ember)}.sound-mute{align-self:flex-start;padding-left:0}.sound-note a{color:var(--muted)}.sound-note{font-size:11px;color:var(--muted);margin:0}.sound-actions{display:flex;gap:8px}.sound-test{padding-left:0}.task-panel{display:flex;flex-direction:column;gap:10px;max-height:40vh}.task-add{display:flex;gap:8px}.task-add input{flex:1;background:var(--surface-raised);border:1px solid transparent;border-radius:8px;color:var(--cream);padding:8px 12px;font-size:14px}.task-add input:focus{outline:none;border-color:var(--ember)}.task-add input::placeholder{color:var(--muted)}.task-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.task{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:14px}.task--current{background:#ffb45e1a}.task--current .task-title{color:var(--lamp);font-weight:700}.task--done .task-title{color:var(--muted);text-decoration:line-through}.task-check{color:var(--muted);font-size:15px;padding:2px 4px}.task-check:hover{color:var(--lamp)}.task-title{flex:1;text-align:left;padding:2px 4px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-title:hover{background:#ffffff0d}.pomo-dots{font-size:11px;letter-spacing:1px}.task-estimate{display:flex;align-items:center;gap:2px;flex-shrink:0;font-size:11px;color:var(--muted)}.task-estimate--draft{margin-right:2px}.estimate-step{color:var(--muted);font-size:13px;line-height:1;padding:2px 5px;border-radius:6px}.estimate-step:hover:not(:disabled){color:var(--lamp);background:#ffffff0d}.estimate-step:disabled{opacity:.35}.estimate-value{min-width:28px;text-align:center;white-space:nowrap}.task-x{color:var(--muted);opacity:0;padding:2px 6px;font-size:16px}.task:hover .task-x{opacity:1}.task-x:hover{color:var(--dusty-rose)}.task-empty{color:var(--muted);font-size:13px;padding:8px;font-style:italic}.settings-panel{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.setting-minutes{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:6px}.setting-row input[type=number]{width:56px;background:var(--surface-raised);border:1px solid transparent;border-radius:6px;color:var(--cream);padding:5px 8px;font-size:14px;text-align:center}.setting-row input[type=number]:focus{outline:none;border-color:var(--ember)}.setting-row--toggle input{accent-color:var(--ember);width:18px;height:18px}.theme-picker{display:flex;gap:6px}.theme-chip{font-size:12px;padding:5px 10px;border-radius:999px;background:var(--surface-raised);color:var(--muted)}.theme-chip--active{background:var(--ember);color:#2b1c14;font-weight:700}.export-btn{align-self:flex-start;padding-left:0;font-size:13px}.setting-row input[type=range]{flex:1;accent-color:var(--ember);max-width:160px}.pet-name-input{flex:1;max-width:160px;background:var(--surface-raised);color:var(--cream);border:1px solid transparent;border-radius:6px;padding:5px 8px;font-size:13px;font-family:inherit}.pet-name-input:focus{outline:none;border-color:var(--ember)}.cloud-card{background:var(--surface-raised);border:1px dashed var(--lamp);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.cloud-card-title{margin:0;font-size:14px;font-weight:700;color:var(--cream)}.cloud-card-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--cream);line-height:1.4}.cloud-card-perks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);line-height:1.4}.cloud-card .cloud-link{flex-direction:column;align-items:stretch;gap:8px}.cloud-card .pet-name-input{min-width:0;max-width:none;background:color-mix(in srgb,#14101c 55%,var(--surface-raised));border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);box-shadow:inset 0 2px 4px #00000059;padding:9px 12px;font-size:14px}.cloud-card .pet-name-input:focus{border-color:var(--ember);box-shadow:inset 0 2px 4px #00000059,0 0 0 2px color-mix(in srgb,var(--ember) 30%,transparent)}.cloud-card .btn-primary{white-space:nowrap}.cloud-status{font-size:12px;color:var(--muted)}.cloud-link{gap:8px}.cloud-link .pet-name-input{max-width:none}.cloud-signout{font-size:12.5px;white-space:nowrap;padding:6px 14px;border-radius:999px;background:var(--surface-raised);border:1px solid color-mix(in srgb,var(--muted) 40%,transparent);color:var(--cream)}.cloud-signout:hover{border-color:var(--ember)}.cloud-signout-hint{font-size:12px;color:var(--muted)}.setting-hint{margin:-4px 0 0;font-size:12px;color:var(--muted)}.cloud-notice{margin:-4px 0 0;font-size:12px;color:var(--muted);font-style:italic}.support-box{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:6px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.14)}.support-line{margin:0;font-size:12.5px;line-height:1.5;opacity:.75}.support-btn{font-size:13px;color:var(--lamp);text-decoration:none;padding:6px 12px;border:1px solid currentColor;border-radius:999px;opacity:.9}.support-ways{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.support-btn--alt{border-style:dashed;opacity:.7}.support-btn:hover{opacity:1;background:#ffffff0f}.support-unlock{background:none;border:none;padding:2px 0;font:inherit;font-size:11.5px;color:inherit;opacity:.5;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.support-unlock:hover{opacity:.85}.below{background:linear-gradient(#221a29,var(--bg-night, #2b2233) 40%);border-top:1px solid rgba(243,233,220,.12);padding:3.2rem 1.4rem 4rem}.below-inner{max-width:40rem;margin:0 auto;line-height:1.7;font-size:1.02rem}.below-wordmark{font-family:var(--font-pixel);font-size:1.15rem;color:var(--lamp, #ffd9a0);margin:0}.below-tagline{margin:.3rem 0 2rem;opacity:.7}.below h3{color:var(--lamp, #ffd9a0);font-size:1.12rem;margin:1.9rem 0 .5rem}.below p{margin:0 0 .6rem;opacity:.92}.below-facts{list-style:none;padding:0;margin:1.6rem 0 0}.below-facts li{padding:.22rem 0}.below-links{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(243,233,220,.12);display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.92rem}.below-links a{color:#f3e9dcbf;text-decoration:none}.below-links a:hover{color:var(--lamp, #ffd9a0);text-decoration:underline}.below-steps{margin:.4rem 0 .8rem;padding-left:1.3rem}.below-steps li{margin-bottom:.35rem;opacity:.92}.below-faq details{border-bottom:1px solid rgba(243,233,220,.12);padding:.55rem 0}.below-faq summary{cursor:pointer;color:var(--cream, #f2e3c9);font-weight:700}.below-faq summary:hover{color:var(--lamp, #ffd9a0)}.below-faq details p{margin:.5rem 0 .2rem}.feedback{position:absolute;z-index:4;right:16px;bottom:52px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.feedback-bubble{display:flex;align-items:center;gap:7px;font-size:15px;padding:7px 14px 7px 11px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow);opacity:.85;transition:opacity .2s}.feedback-bubble:hover,.feedback-bubble[aria-expanded=true]{opacity:1}.feedback-bubble-label{font-size:12.5px;color:var(--cream)}.feedback-bubble:hover .feedback-bubble-label,.feedback-bubble[aria-expanded=true] .feedback-bubble-label{color:var(--lamp, #ffd9a0)}.feedback-card{width:min(290px,calc(100vw - 32px));background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:8px}.feedback-title{margin:0;font-size:14px;color:var(--lamp)}.feedback-text,.feedback-contact{width:100%;background:color-mix(in srgb,var(--bg-night, #2b2233) 60%,transparent);color:var(--cream);border:1px solid rgba(243,233,220,.15);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;resize:vertical}.feedback-text:focus,.feedback-contact:focus{outline:none;border-color:var(--lamp, #ffd9a0)}.feedback-nickname{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.feedback-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.feedback-send{font-size:13px;padding:6px 14px}.feedback-send:disabled{opacity:.5;cursor:default}.feedback-error{font-size:12px;color:#f0a8a0}.feedback-thanks{margin:0;font-size:14px}@media(max-width:480px){.feedback{right:10px;bottom:48px}}.stats-view{display:flex;flex-direction:column;gap:12px;min-width:240px}.stats-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.stats-title{font-family:var(--font-pixel);font-size:13px}.stats-streak{font-size:13px;color:var(--muted)}.stats-chart{display:flex;gap:6px;align-items:flex-end}.stats-col{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;border-radius:6px}.stats-col--selected .stats-day{color:var(--cream)}.stats-col--selected .stats-bar{background:var(--ember)}.stats-bar-track{display:flex;align-items:flex-end;width:100%;justify-content:center}.stats-bar{width:70%;max-width:22px;background:var(--lamp);border-radius:4px 4px 0 0;transition:height .3s ease}.stats-col:hover .stats-bar{background:var(--ember)}.stats-bar--empty{background:color-mix(in srgb,var(--muted) 35%,transparent)}.stats-day{font-size:11px;color:var(--muted)}.stats-day--today{color:var(--cream);font-weight:700}.stats-tip{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);background:var(--surface-raised);color:var(--cream);font-size:11px;padding:3px 8px;border-radius:6px;white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;z-index:4}.stats-timeline{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--muted) 25%,transparent)}.stats-timeline-head{display:flex;justify-content:space-between;align-items:baseline}.stats-timeline-title{font-family:var(--font-pixel);font-size:12px}.stats-timeline-date,.stats-timeline-sub{font-size:11px;color:var(--muted);font-family:var(--font-body, inherit)}.stats-track{position:relative;height:22px;border-radius:6px;background:color-mix(in srgb,var(--muted) 14%,transparent);overflow:visible}.stats-track-tick{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--muted) 30%,transparent)}.stats-block{position:absolute;top:3px;bottom:3px;border-radius:4px;min-width:3px}.stats-block--focus{background:var(--lamp)}.stats-block--skipped{background:color-mix(in srgb,var(--lamp) 45%,transparent);border:1px dashed var(--lamp)}.stats-block--dropped{background:color-mix(in srgb,var(--muted) 45%,transparent)}.stats-block--break{background:#7d9b76;opacity:.75}.stats-track-hours{position:relative;height:13px}.stats-track-hours span{position:absolute;transform:translate(-50%);font-size:10px;color:var(--muted)}.stats-legend{display:flex;gap:10px;font-size:10.5px;color:var(--muted)}.stats-legend span{display:inline-flex;align-items:center;gap:4px}.stats-dot{width:8px;height:8px;border-radius:3px;display:inline-block}.stats-dot--focus{background:var(--lamp)}.stats-dot--break{background:#7d9b76}.stats-dot--skipped{background:color-mix(in srgb,var(--lamp) 45%,transparent);border:1px dashed var(--lamp)}.stats-dot--dropped{background:color-mix(in srgb,var(--muted) 45%,transparent)}.stats-tip--block{left:50%}.stats-totals{font-size:13px;color:var(--cream)}.stats-tiles{display:flex;gap:10px}.stats-tile{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 60%,transparent)}.stats-tile-label{font-size:11px;color:var(--muted)}.stats-tile-value{font-size:15px;color:var(--cream);font-weight:600}.stats-empty{font-size:12px;color:var(--muted);font-style:italic}.stats-rhythm{display:flex;gap:1.5px;align-items:flex-end;height:44px}.stats-rhythm-col{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:1px}.stats-rhythm-bar{width:45%;min-height:1px;border-radius:2px 2px 0 0}.stats-rhythm-bar--world{background:color-mix(in srgb,var(--muted) 55%,transparent)}.stats-rhythm-bar--me{background:var(--lamp)}.stats-rhythm-hours{margin-top:-2px}.stats-dot--world{background:color-mix(in srgb,var(--muted) 55%,transparent)}.stats-rhythm-note{margin:0;font-size:11.5px;color:var(--muted)}.stats-share{align-self:flex-start;font-size:12.5px}.stats-keepsafe{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-raised);border:1px dashed var(--lamp);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--muted);line-height:1.4}.stats-keepsafe p{margin:0}.stats-keepsafe .btn-primary{white-space:nowrap}.bond-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--lamp) 8%,var(--surface-raised))}.bond-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.bond-title{font-family:var(--font-pixel);font-size:12px}.bond-time{font-size:12px;color:var(--muted)}.bond-paws{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.bond-paw{height:8px;border-radius:2px;background:color-mix(in srgb,var(--muted) 30%,transparent)}.bond-paw--on{background:var(--lamp)}.bond-next{margin:0;font-size:12px;color:var(--muted)}.bond-gifts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.bond-gift{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:4px 6px;border-radius:8px;background:color-mix(in srgb,var(--cream) 8%,transparent);font-size:16px}.bond-gift-label{font-size:10px;color:var(--muted)}.bond-gift--next{background:none;outline:1px dashed var(--muted);outline-offset:-1px}.bond-gift--later{opacity:.4}.bond-colors{display:flex;align-items:center;gap:8px}.bond-colors-label{font-size:12px;color:var(--muted);margin-right:2px}.bond-swatch{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer}.bond-swatch[aria-pressed=true]{border-color:var(--cream)}.bond-swatch:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.plant-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--sage, #7fae7a) 10%,var(--surface-raised))}.plant-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:2px 12px}.plant-title{font-family:var(--font-pixel);font-size:12px}.plant-time{font-size:12px;color:var(--muted)}.plant-line{margin:0;font-size:12px}.plant-note{margin:2px 0 0;font-size:11px;color:var(--muted)}.city-panel{display:flex;flex-direction:column;gap:10px}.city-title{margin:0;font-family:var(--font-pixel);font-size:12px}.city-search{background:var(--surface-raised);border:1px solid transparent;border-radius:8px;color:var(--cream);padding:8px 12px;font-size:14px}.city-search:focus{outline:none;border-color:var(--ember)}.city-search::placeholder{color:var(--muted)}.city-rows{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.city-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;font-size:14px;text-align:left}.city-row:hover,.city-row--picked{background:#ffb45e1a}.city-row--picked .city-row-name{color:var(--lamp)}.city-row-country{color:var(--muted);font-size:12px}.city-row-weather{color:var(--muted);font-size:13px;white-space:nowrap}.city-preview{background:var(--surface-raised);border-radius:8px;padding:10px 12px;font-size:13px}.city-preview p{margin:0 0 8px}.city-go{font-size:13px;padding:6px 16px}.city-clear{align-self:flex-start;padding-left:0;font-size:13px}.city-empty{color:var(--muted);font-size:13px;font-style:italic;padding:6px 8px;margin:0}.city-note{margin:0;font-size:11px;color:var(--muted)}.city-note a{color:var(--muted)}.city-postcard{margin:8px 0 0;font-size:12.5px;color:var(--cream);opacity:.85}.city-postcard-dots{color:var(--ember);letter-spacing:1px}.city-postcard-total{opacity:.65}.city-row--more{border-top:1px dashed color-mix(in srgb,var(--muted) 35%,transparent);border-radius:0}.city-row--more .city-row-weather{color:var(--lamp)}.city-row--tally{cursor:default}.city-vote-head{margin:2px 0;font-size:11.5px;color:var(--muted);text-transform:lowercase}.city-row:disabled{opacity:.75;cursor:default}.popout{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.popout-timer{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow);white-space:nowrap}.popout-mode{font-size:11px;color:var(--muted)}.popout-clock{font-family:var(--font-pixel);font-size:20px;color:var(--lamp)}.popout-timer--shortBreak .popout-clock,.popout-timer--longBreak .popout-clock{color:var(--dusty-rose)}.popout-controls{display:flex;gap:2px}.popout-controls .btn-primary{padding:4px 12px;font-size:12px}.popout-controls .btn-quiet{padding:4px 8px;font-size:13px}@media(max-width:230px){.popout-mode{display:none}}.welcome-card{width:min(380px,100%);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px 10px;text-align:center;animation:welcome-in .4s ease-out}.welcome-title{font-family:var(--font-pixel);font-size:14px;font-weight:400;margin:0;color:var(--lamp)}.welcome-line{margin:6px 0 0;font-size:14px;color:var(--cream)}.welcome-ask{margin:10px 0 6px;font-size:13px;color:var(--muted)}.welcome-vibes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.welcome-vibe{font-size:13px;padding:6px 12px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--surface-raised) 90%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cream) 14%,transparent);transition:background .15s ease,box-shadow .15s ease}.welcome-vibe:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lamp) 55%,transparent)}.welcome-vibe--active{background:color-mix(in srgb,var(--lamp) 22%,var(--surface-raised));box-shadow:inset 0 0 0 2px var(--lamp)}.welcome-skip{display:block;margin:8px auto 0;font-size:13px}.welcome-card--picked .welcome-title{display:none}.welcome-card--picked .welcome-ask{margin-top:0}@keyframes welcome-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.welcome-card{animation:none}}@media(max-width:480px){.welcome-card{max-width:320px;padding:12px 12px 8px}.welcome-line{font-size:13px}.welcome-vibe{font-size:12px;padding:5px 10px}}@media(max-height:600px){.welcome-line{display:none}.welcome-ask{margin-top:8px}}@media(max-height:520px){.welcome-ask{display:none}.welcome-vibes{margin-top:8px}}@media(max-height:520px)and (orientation:landscape){.center:has(.welcome-card){flex-direction:row}.welcome-card{width:min(320px,48%);flex-shrink:1}}@media(max-height:340px){.welcome-card{display:none}}.app{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}.brand-block{flex-shrink:0}.brand{font-family:var(--font-pixel);font-size:15px;margin:0;color:var(--cream);text-shadow:0 2px 8px rgba(15,10,20,.6)}.brand-tagline{margin:2px 0 0;font-size:12px;color:var(--cream);opacity:.75;white-space:nowrap;text-shadow:0 2px 8px rgba(15,10,20,.6)}.topbar-actions{align-items:center;min-width:0}.topbar-actions>*{flex-shrink:0}.weather-chip{font-size:13px;font-weight:600;color:var(--cream);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:6px 14px;box-shadow:var(--shadow);white-space:nowrap;margin-right:4px;flex-shrink:1!important;min-width:0;overflow:hidden;text-overflow:ellipsis}.weather-chip:hover{background:var(--surface-raised)}@media(max-width:560px){.topbar{padding:10px 12px;gap:8px}.brand{font-size:11px}.topbar-actions{gap:2px;min-width:0}.weather-chip{font-size:11px;padding:5px 10px;max-width:42vw;overflow:hidden;text-overflow:ellipsis}.icon-btn{font-size:15px;padding:5px 6px}.signup-chip{font-size:11px;padding:5px 9px}.account-chip{font-size:11px;padding:5px 9px;max-width:26vw}.bottombar{padding:8px 12px 12px}}@media(max-width:420px){.weather-place,.weather-label{display:none}.weather-chip{flex-shrink:0!important}.signup-emoji{display:none}.topbar{gap:6px;padding-inline:10px}.icon-btn{padding:5px 3px}}@media(max-width:350px){.weather-temp{display:none}.weather-chip{padding-inline:8px}.topbar{gap:2px}}@media(max-width:680px){.brand-tagline{display:none}}.toast{position:absolute;z-index:5;bottom:76px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;box-shadow:var(--shadow);padding:8px 10px 8px 18px;font-size:14px;white-space:nowrap}.toast--wrap{white-space:normal;width:max-content;max-width:min(92vw,520px);border-radius:20px}.toast--wrap button{white-space:nowrap;flex-shrink:0}@media(max-width:560px){.toast--stack{flex-wrap:wrap;justify-content:flex-end;padding:12px 14px 10px 18px;width:min(92vw,360px)}.toast--stack .toast-text{flex:1 1 100%}}.toast-yes{font-size:13px;padding:5px 14px}.topbar-actions{display:flex;gap:6px}@media(max-width:560px){.topbar-actions{gap:2px}.icon-btn--popout{display:none}}.icon-btn{font-size:17px;padding:6px 9px;border-radius:8px;filter:grayscale(.3)}.icon-label{display:none}@media(min-width:760px){.icon-btn--labeled{display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:4px 6px}.icon-label{display:block;font-size:10px;line-height:1;color:var(--cream);opacity:.8;white-space:nowrap;text-shadow:0 1px 4px rgba(15,10,20,.7)}}.signup-chip{font-size:12px;font-weight:700;white-space:nowrap;padding:6px 12px;border-radius:999px;background:var(--ember);color:#2b1c14;box-shadow:0 0 6px color-mix(in srgb,var(--ember) 40%,transparent);animation:signup-glow 3.2s ease-in-out infinite}.signup-chip:hover{filter:brightness(1.08)}.account-chip{font-size:12px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--muted)}.account-chip:hover{color:var(--cream)}@keyframes signup-glow{0%,to{box-shadow:0 0 5px color-mix(in srgb,var(--ember) 35%,transparent)}50%{box-shadow:0 0 14px color-mix(in srgb,var(--ember) 65%,transparent)}}@media(prefers-reduced-motion:reduce){.signup-chip{animation:none}}.icon-btn--new{position:relative}.icon-btn--new:after{content:"";position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 90%,transparent)}.icon-btn--pulse{animation:news-pulse .8s ease-in-out 4}@keyframes news-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--ember) 0%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--ember) 55%,transparent);background:color-mix(in srgb,var(--surface) 80%,transparent)}}@media(prefers-reduced-motion:reduce){.icon-btn--pulse{animation:none;outline:2px solid var(--ember);outline-offset:2px}}.icon-btn:hover,.icon-btn--active{background:color-mix(in srgb,var(--surface) 80%,transparent);filter:none}.popover{position:fixed;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 32px));max-height:min(85dvh,640px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:#0f0a1466;border:none;padding:0;cursor:default}.center{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:12px;min-height:0;pointer-events:none}.center>*{pointer-events:auto}.bottombar{position:relative;z-index:2;padding:10px 18px 16px;display:flex;flex-direction:column;gap:8px}.current-task{font-size:14px;color:var(--cream);text-shadow:0 2px 8px rgba(15,10,20,.6)}.current-task strong{color:var(--lamp)}.tasks-toggle{align-self:flex-start;color:var(--muted);font-size:14px;padding:6px 10px;border-radius:8px}.tasks-toggle:hover{color:var(--cream);background:color-mix(in srgb,var(--surface) 80%,transparent)}.tasks-sheet{background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;max-width:440px}@media(max-width:480px){.tasks-sheet{max-width:none}.timer-card{min-width:0;width:100%;max-width:320px}}.site-links{display:flex;gap:8px;align-self:flex-end;font-size:12px;opacity:.55;transition:opacity .2s}.site-links:hover{opacity:.95}.site-links{flex-wrap:wrap;justify-content:flex-end}.site-links a{white-space:nowrap;color:var(--cream);text-decoration:none}.site-links a:hover{text-decoration:underline}.presence-chip{align-self:flex-end;font-size:12px;color:var(--cream);opacity:.7}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/silkscreen-latin.woff2) format("woff2")}:root{--bg-night: #2b2233;--bg-day: #4a3b52;--surface: #3a2e42;--surface-raised: #453750;--lamp: #ffb45e;--ember: #e8875b;--dusty-rose: #c98b8b;--cream: #f2e3c9;--muted: #b4a7bb;--shadow: 0 8px 24px rgba(15, 10, 20, .45);--radius: 10px;--font-pixel: "Silkscreen", monospace;--font-body: "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%;margin:0}body{background:var(--bg-night);color:var(--cream);font-family:var(--font-body);overflow-x:hidden;overflow-y:auto}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{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}
