button{font:inherit;color:inherit}.board{font-size:clamp(15px,2.15dvh,21px);overflow:clip;container:board/size}.topbar{flex:none;align-items:center;gap:clamp(6px,1.6vw,16px);display:flex}.chip:focus-visible{outline:4px solid var(--frosting);outline-offset:3px}.tb-right{align-items:center;gap:.5em;margin-left:auto;display:flex}.iconbtn{cursor:pointer;width:2.1em;height:2.1em;box-shadow:var(--shadow-soft);background:#ffffffbf;border:none;border-radius:50%;flex:none;place-items:center;font-size:.86em;display:grid;position:relative}.iconbtn:active{transform:translateY(2px)}.iconbtn:focus-visible{outline:4px solid var(--frosting);outline-offset:3px}.body{flex:auto;grid-template:"scene""bubble""thought""tray""list"1fr"foot"/minmax(0,1fr);gap:clamp(6px,1.1dvh,14px) clamp(8px,2.2vw,20px);min-height:0;display:grid}.pip-row{grid-area:bubble;align-items:center;gap:1.6vw;margin:0;display:flex}.scene-wrap{grid-area:scene;justify-content:center;min-height:0;display:flex}.thought{grid-area:thought;margin:0}.trayrow{grid-area:tray}.stage{grid-area:list;min-height:0;display:flex;overflow:clip}.foot{grid-area:foot;align-self:end}.bubble{background:var(--parchment);border-radius:var(--r-md);box-shadow:var(--shadow-soft);font-family:var(--font-display);color:var(--cocoa);flex:1;padding:.6em .9em;font-size:.95em;font-weight:500;line-height:1.3;position:relative}.bubble:after{content:"";border:9px solid #0000;border-bottom-color:var(--parchment);border-top:0;margin-left:-9px;position:absolute;top:-8px;left:50%}.thought{border-radius:var(--r-sm);color:var(--cocoa-soft);background:#fffbf2bf;align-items:center;gap:.6em;padding:.5em .8em;font-size:.82em;font-style:italic;line-height:1.35;display:flex}.thought b{font-size:1.15em;font-style:normal}.trayrow{align-items:center;gap:1.4vw;display:flex}.progtray{background:linear-gradient(180deg, #65cda6, var(--tens-mint) 30%, var(--tens-mint-deep));border-radius:.55em;flex:1;gap:.3em;height:1.75em;padding:.3em;display:grid;box-shadow:inset 0 2px #fff6,0 3px 5px #2f9c7666}.slot{aspect-ratio:1;background:#1c5c4652;border-radius:50%;justify-self:center;height:100%;box-shadow:inset 0 2px 3px #00000040}.slot.is-full{background:radial-gradient(circle at 35% 28%, #f0c078, var(--ones-gold) 55%, var(--ones-gold-deep));animation:bd-drop .34s var(--ease-bounce);box-shadow:inset 0 -2px 2px #78491e80,0 1px 2px #4a2e184d}@keyframes bd-drop{0%{opacity:0;transform:translateY(-70%)scale(.5)}to{opacity:1;transform:none}}.progcount{font-family:var(--font-display);color:var(--cocoa-soft);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.85em;font-weight:700}.jobs{flex:auto;grid-auto-rows:minmax(56px,1fr);align-content:stretch;gap:clamp(4px,.9dvh,10px);min-height:0;display:grid}.job{background:var(--parchment);border-radius:var(--r-md);text-align:left;cursor:pointer;width:100%;min-height:56px;font-family:var(--font-body);color:var(--cocoa);transition:background .18s ease, transform .1s var(--ease-bounce), box-shadow .18s ease;border:none;align-items:center;gap:.75em;padding:.25em .85em;display:flex;box-shadow:0 4px #9c643129,0 8px 16px #4a2e181a}.job:focus-visible{outline:4px solid var(--frosting);outline-offset:3px}.job:active{transform:translateY(3px);box-shadow:0 1px #9c643129}.job.is-done{background:linear-gradient(#7fd1ae57,#4fbf963d);box-shadow:0 3px #2f9c7647,0 6px 12px #2f9c7629}.job__slot{background:#c98a4b29;border-radius:50%;flex:none;place-items:center;width:2em;height:2em;display:grid;position:relative;box-shadow:inset 0 3px 5px #78491e4d}.job__num{font-family:var(--font-display);color:var(--cocoa-soft);font-variant-numeric:tabular-nums;font-size:.95em;font-weight:700;transition:opacity .2s}.job.is-done .job__num{opacity:0}.job__cookie{background:radial-gradient(circle at 32% 30%, #f0c078 0 18%, var(--ones-gold) 45%, var(--ones-gold-deep) 100%);width:1.6em;height:1.6em;transition:transform .3s var(--ease-bounce);border-radius:50%;position:absolute;transform:scale(0);box-shadow:inset 0 -3px 4px #78491e73,0 2px 3px #4a2e1840}.job.is-done .job__cookie{transform:scale(1)}.job__cookie:before,.job__cookie:after{content:"";background:#5a3415;border-radius:50%;width:.26em;height:.26em;position:absolute}.job__cookie:before{top:.34em;left:.82em;box-shadow:.4em .52em #5a3415,-.24em .48em #5a3415}.job__cookie:after{top:.82em;left:.34em}.job__emoji{flex:none;font-size:1.35em;line-height:1}.job__label{font-family:var(--font-display);color:var(--cocoa);flex:1;font-size:1em;font-weight:600;line-height:1.15}.job.is-done .job__label{color:var(--tens-mint-deep)}.job__tag{letter-spacing:.06em;text-transform:uppercase;color:var(--cocoa-soft);background:#c98a4b29;border-radius:999px;flex:none;padding:.28em .6em;font-size:.6em;font-weight:700}.foot{justify-content:space-between;align-items:center;gap:1.4vw;display:flex}.streak{font-family:var(--font-display);color:var(--ones-gold-deep);white-space:nowrap;background:#e3a13c29;border-radius:999px;align-items:center;gap:.28em;padding:.3em .75em;font-size:.82em;font-weight:700;display:inline-flex}.week{gap:1.1vw;display:flex}.day{flex-direction:column;align-items:center;gap:.18em;display:flex}.day__l{font-family:var(--font-display);color:var(--cocoa-soft);font-size:.6em;font-weight:600}.day__d{background:#7a563829;border-radius:50%;width:1.05em;height:1.05em}.day__d.is-full{background:var(--ones-gold);box-shadow:0 2px 0 var(--ones-gold-deep)}.day__d.is-half{background:linear-gradient(90deg, var(--ones-gold) 50%, #7a563829 50%)}.day.is-today .day__l{color:var(--frosting-deep);font-weight:700}.celebrate__card{background:var(--parchment);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-lift);animation:bd-pop .4s var(--ease-bounce);max-width:420px;padding:28px 24px}@keyframes bd-pop{0%{opacity:0;transform:scale(.8)translateY(14px)}to{opacity:1;transform:none}}.celebrate__emoji{font-size:3.2rem;line-height:1}.celebrate__card h2{font-family:var(--font-display);color:var(--cocoa);margin:.25em 0 .1em;font-size:1.45rem}.celebrate__card p{color:var(--cocoa-soft);margin:0 0 1em;font-size:.95rem}@container board (orientation:landscape){.board{padding:clamp(8px,2dvh,16px) clamp(12px,2.4vw,24px);font-size:clamp(15px,2.8dvh,22px)}.body{grid-template:"list scene"1fr"list bubble""list tray""list thought""list foot"/minmax(0,2fr) minmax(0,1fr)}.scene-wrap{min-height:0;display:block}.jobs{gap:clamp(3px,.55dvh,8px)}}.scene{--f:0;--g:0;aspect-ratio:20/9;border-radius:var(--r-md);width:auto;height:clamp(96px,17cqh,230px);box-shadow:inset 0 0 0 3px #9c643140, var(--shadow-soft);background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bot) 100%);transition:background .6s;position:relative;overflow:hidden}.scene[data-mode=morning]{--sky-top:color-mix(in oklab, #2b2a55, #86c5ea calc(var(--f) * 100%));--sky-bot:color-mix(in oklab, #5b4a76, #fff0cc calc(var(--f) * 100%))}.scene[data-mode=evening]{--sky-top:color-mix(in oklab, #7fb6e8, #131c42 calc(var(--f) * 100%));--sky-bot:color-mix(in oklab, #ffe2b0, #35315f calc(var(--f) * 100%))}.scene__bloom{background:radial-gradient(ellipse at 22% 88%, var(--bloom) 0%, transparent 62%);opacity:clamp(0, calc(1 - abs(var(--f) - .42) * 2.6), 1);transition:opacity .5s;position:absolute;inset:0}.scene[data-mode=morning] .scene__bloom{--bloom:#f08a96d9}.scene[data-mode=evening] .scene__bloom{--bloom:#f2915ce6}.scene svg{width:100%;height:100%;display:block;position:absolute;inset:0}.l{opacity:clamp(0, calc((var(--g) - var(--at)) * 8), 1);transition:opacity .45s}.l--f{opacity:clamp(0, calc((var(--f) - var(--at)) * 8), 1);transition:opacity .45s}.shutter{transform:translateY(calc(clamp(0, calc(var(--g) / .16), 1) * -46px));transition:transform .55s var(--ease-bounce)}.sunmoon{transition:transform .6s}#scenePip.is-cheer{animation:pip-cheer .7s var(--ease-bounce);transform-box:fill-box;transform-origin:bottom}@keyframes pip-cheer{0%{transform:none}30%{transform:translateY(-10%)rotate(-6deg)scale(1.06)}60%{transform:translateY(0)rotate(5deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.scene,.scene *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@container board (orientation:landscape){.scene{aspect-ratio:auto;width:100%;height:100%}}.gu-hold-btn{position:relative}.gu-hold-btn:after{content:"";background:conic-gradient(var(--frosting) calc(var(--gu-held,0) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64%);mask:radial-gradient(circle,#0000 62%,#000 64%)}.gu-modal{text-align:left;flex-direction:column;gap:.1em;display:flex}.gu-modal:focus{outline:none}.gu-intro{color:var(--cocoa-soft);margin:0 0 .9em;font-size:.92rem;line-height:1.5}.gu-routine{flex-direction:column;gap:.5em;display:flex}.gu-routine+.gu-routine{border-top:2px solid var(--cream-deep);margin-top:1.3em;padding-top:1.1em}.gu-routine__title{color:var(--cocoa);margin:0;font-size:1.08rem}.gu-tasklist{flex-direction:column;gap:.4em;display:flex}.gu-task{background:var(--cream);border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:.55em;padding:.4em .55em;display:flex}.gu-task__emoji{background:var(--parchment);width:2.1em;height:2.1em;box-shadow:var(--shadow-soft);color:var(--cocoa);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-bounce);border:none;border-radius:12px;flex:none;font-size:1.15rem;line-height:1}.gu-task__emoji:hover{transform:translateY(-1px)}.gu-task__emoji:focus-visible{outline:3px solid var(--frosting);outline-offset:2px}.gu-task__label-wrap{flex:10em;min-width:0}.gu-task__label{font-family:var(--font-body);color:var(--cocoa);overflow-wrap:anywhere;font-size:.96rem;font-weight:700;display:block}.gu-rename-input{border-width:2px;min-height:38px;padding:8px 12px;font-size:1rem;font-weight:700}.gu-task__ops{flex:none;align-items:center;gap:.3em;display:flex}.gu-task__ops .baker-mini[disabled]{opacity:.35;cursor:default}.gu-emoji-picker{background:var(--parchment);border-radius:var(--r-sm);box-shadow:var(--shadow-soft);flex-basis:100%;order:10;padding:.5em}.gu-emoji-picker .baker-treat{border-radius:12px;width:40px;height:40px;font-size:1.25rem}.gu-toggle{cursor:pointer;color:var(--cocoa-soft);font-family:var(--font-body);white-space:nowrap;flex:none;align-items:center;gap:.45em;font-size:.82rem;font-weight:700;display:flex}.gu-toggle__input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.gu-toggle__track{background:var(--wood);opacity:.45;border-radius:999px;flex:none;width:2.3em;height:1.3em;transition:background .15s,opacity .15s;position:relative}.gu-toggle__thumb{width:.98em;height:.98em;transition:transform .15s var(--ease-bounce);background:#fff;border-radius:50%;position:absolute;top:.16em;left:.16em;box-shadow:0 1px 3px #4a2e1859}.gu-toggle__input:checked+.gu-toggle__track{background:var(--frosting);opacity:1}.gu-toggle__input:checked+.gu-toggle__track .gu-toggle__thumb{transform:translate(1em)}.gu-toggle__input:focus-visible+.gu-toggle__track{outline:3px solid var(--frosting);outline-offset:2px}.gu-add-row{flex-wrap:wrap;align-items:center;gap:.5em;margin-top:.2em;display:flex}.gu-add-input{border-width:2px;flex:10em;min-height:38px;padding:8px 12px;font-size:1rem}.gu-add-btn{color:#fff;flex:none;min-height:38px;padding:9px 18px;font-size:.92rem}.gu-cap-msg{color:var(--wood-deep);background:var(--cream);border-radius:var(--r-sm);width:100%;margin:0;padding:.55em .75em;font-size:.88rem;font-style:italic}.gu-reset-btn{min-height:38px;color:var(--cocoa-soft);align-self:flex-start;margin-top:.3em;padding:8px 16px;font-size:.82rem}.gu-done-row{border-top:2px solid var(--cream-deep);margin-top:1.3em;padding-top:1em}.gu-cap{color:var(--cocoa-soft);text-align:center;margin:.7em 0 0;font-size:.74rem}@media (width<=420px){.gu-task{padding:.35em .45em}.gu-task__label{font-size:.9rem}.gu-toggle__text{display:none}}