.ns{--ns-pad:clamp(1.1rem, .7rem + 2vw, 2.25rem);--ns-band:3.75rem;--spring:cubic-bezier(.34, 1.56, .64, 1);isolation:isolate;padding:0 var(--ns-pad) var(--ns-pad);border-radius:var(--radius-lg);color-scheme:dark;background:var(--paper);color:var(--ink);box-shadow:0 30px 70px -40px var(--shadow-far);transition:background-color 1.6s var(--ease-calm), color 1.6s var(--ease-calm), box-shadow 1.6s var(--ease-calm);margin-top:1.25rem;position:relative;overflow:hidden;container:ns/inline-size}@media (width<=559px){.ns{--ns-band:3rem}}:root[data-theme=dark] .ns{background:var(--paper-2);box-shadow:0 0 0 1px var(--line)}.ns[data-time=day],:root[data-theme=dark] .ns[data-time=day]{color-scheme:light;background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 30px 70px -40px var(--shadow-far)}.ns:before{content:"";z-index:-2;background:radial-gradient(90% 70% at 30% -10%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%), linear-gradient(to bottom, transparent 40%, color-mix(in srgb, var(--ink) 3%, transparent));transition:opacity 1.6s var(--ease-calm);pointer-events:none;position:absolute;inset:0}.ns[data-time=day]:before{opacity:0}.ns-sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.ns-star{width:var(--s);height:var(--s);background:var(--ink);opacity:.6;animation:ns-twinkle 3.4s ease-in-out var(--d) infinite;transition:opacity 1.2s var(--ease-calm);border-radius:50%;position:absolute}.ns.is-fast .ns-star{animation-duration:.9s}.ns[data-time=day] .ns-star{opacity:0;animation:none}@keyframes ns-twinkle{50%{opacity:.12;transform:scale(.6)}}.ns-dawn{background:radial-gradient(70% 55% at 88% 0%, var(--accent-wash), transparent 75%);opacity:0;transition:opacity 1.8s var(--ease-calm);position:absolute;inset:0}.ns[data-time=day] .ns-dawn{opacity:1}.ns-moon{z-index:2;width:44px;height:44px;color:var(--accent);cursor:pointer;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 50%, transparent));transition:filter .4s var(--ease-calm), opacity 1.2s var(--ease-calm);will-change:transform;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.ns-moon[hidden]{display:none}.ns-moon:after{content:"";animation:ns-ping 2.6s var(--ease-calm) 1.5s infinite;border-radius:50%;position:absolute;inset:8px}.ns-moon:disabled{cursor:default}.ns-moon:disabled:after{animation:none}.ns-moon:not(:disabled):hover,.ns-moon.is-fast{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 85%, transparent))}.ns-moon.is-fast:after{animation:none}.ns-moon:focus-visible{outline:3px solid var(--ring);outline-offset:0}.ns[data-time=day] .ns-moon{opacity:0;pointer-events:none}@keyframes ns-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}70%,to{box-shadow:0 0 0 16px #0000}}.ns-top{height:var(--ns-band);margin-right:calc(var(--ns-pad) * -.5);justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.ns-clock{font-family:var(--font-serif);font-variant-numeric:tabular-nums;color:var(--ink-2);margin:0;font-size:1.2rem}.ns-clock small{font-family:var(--font-sans);letter-spacing:.05em;color:var(--ink-3);margin-left:.3rem;font-size:.75rem;font-weight:600}.ns-x{width:44px;height:44px;color:var(--ink-2);cursor:pointer;transition:background-color .2s var(--ease-calm), color .2s var(--ease-calm);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.ns-x:hover{background:var(--surface-2);color:var(--ink)}.ns-x:focus-visible{outline:3px solid var(--ring)}.ns-title{text-wrap:balance;outline:none;margin:0;display:grid}.ns-lede{max-width:60ch;color:var(--ink-2);margin:.35rem 0 0;display:grid}.ns-title>span,.ns-lede>span{transition:opacity .35s var(--ease-calm), translate .35s var(--ease-calm), visibility 0s .35s;grid-area:1/1}.ns-day{opacity:0;visibility:hidden;translate:0 10px}.ns.is-end .ns-night{opacity:0;visibility:hidden;translate:0 -8px}.ns.is-end .ns-day{opacity:1;visibility:visible;transition:opacity .7s var(--ease-calm) .2s, translate .7s var(--ease-calm) .2s, visibility 0s;translate:none}.ns.is-end .ns-title .ns-day{font-size:1.12em}.ns-floor{--cols:3;--gap:.5rem;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:1rem var(--gap);margin:.8rem 0 0;padding:0;list-style:none;display:grid}@container ns (width>=860px){.ns-floor{--cols:6}}.ns-desk{--u:min(1.2px, calc((100cqi - var(--gap) * (var(--cols) - 1)) / var(--cols) / 126));text-align:center;min-width:0;position:relative}.ns-stage{height:calc(96 * var(--u));justify-content:center;align-items:flex-end;padding-bottom:3px;display:flex;position:relative}.ns-stage:after{content:"";background:var(--line);height:2px;transition:background-color .6s var(--ease-calm), box-shadow .6s var(--ease-calm);border-radius:2px;position:absolute;bottom:0;left:8%;right:8%}.ns-desk.is-on .ns-stage:after{background:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 14px 1px color-mix(in srgb, var(--accent) 45%, transparent)}.ns[data-time=day] .ns-desk .ns-stage:after{background:var(--line-2);box-shadow:none}.ns-lamp{top:calc(8 * var(--u));width:calc(24 * var(--u));height:calc(9 * var(--u));background:var(--line-2);transition:background-color .4s var(--ease-calm), box-shadow .4s var(--ease-calm);border-radius:999px 999px 3px 3px;position:absolute;left:50%;translate:-50%}.ns-lamp:before{content:"";width:1px;height:calc(8 * var(--u));background:var(--line-2);position:absolute;bottom:100%;left:50%}.ns-desk.is-on .ns-lamp{background:color-mix(in srgb, var(--accent) 35%, var(--line-2));box-shadow:0 4px 14px 1px color-mix(in srgb, var(--accent) 70%, transparent)}.ns[data-time=day] .ns-desk .ns-lamp{background:var(--line-2);box-shadow:none}.ns-cone{inset:calc(15 * var(--u)) 0 0;clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);background:radial-gradient(60% 22% at 50% 100%, color-mix(in srgb, var(--accent) 30%, transparent), transparent), linear-gradient(to bottom, color-mix(in srgb, var(--accent) 34%, transparent), color-mix(in srgb, var(--accent) 7%, transparent) 80%);opacity:0;transition:opacity .4s var(--ease-calm);pointer-events:none;position:absolute}.ns-desk.is-on .ns-cone{opacity:1;animation:.6s linear ns-flicker}.ns[data-time=day] .ns-desk .ns-cone{opacity:0;transition-duration:1.4s;animation:none}@keyframes ns-flicker{0%{opacity:0}18%{opacity:.85}32%{opacity:.15}52%{opacity:1}66%{opacity:.45}to{opacity:1}}.ns-pet{z-index:1;width:calc(50 * var(--u));margin-bottom:calc(-3.9 * var(--u));cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s var(--ease-calm), transform .55s var(--spring), visibility 0s .55s;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex:none;padding:0;display:block;position:relative;transform:translateY(-16px)}.ns-desk[data-desk=claude] .ns-pet{width:calc(56 * var(--u));margin-bottom:0}.ns-desk.is-on .ns-pet{opacity:1;visibility:visible;transition-delay:0s;transform:none}.ns-pet:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.ns-pet .pet{width:100%;height:auto;display:block;overflow:visible}.ns-pet:after{content:"";z-index:-1;left:18%;right:18%;bottom:calc(2.5 * var(--u));height:calc(6 * var(--u));background:radial-gradient(closest-side, var(--shadow-far), transparent);border-radius:50%;position:absolute}.ns-desk[data-desk=claude] .ns-pet:after{bottom:calc(-2.5 * var(--u))}.ns-pet.is-hi{animation:ns-hop .55s var(--ease-calm)}.ns-desk.is-done .ns-pet:not(.is-hi){animation:ns-hop .6s var(--ease-calm)}.ns.is-end .ns-desk .ns-pet:not(.is-hi){animation:ns-cheer .8s var(--ease-calm) calc(var(--i) * 90ms) both}@keyframes ns-hop{30%{transform:translateY(-9px)scale(.96,1.05)}62%{transform:scale(1.06,.92)}}@keyframes ns-cheer{25%{transform:translateY(-12px)scale(.95,1.06)}50%{transform:scale(1.07,.9)}70%{transform:translateY(-4px)}}.pet :is([class^=p-],[class*=\ p-]){transform-box:fill-box}.pet .p-face-w{opacity:0;transition:opacity .2s var(--ease-calm)}.pet .p-face-h{transition:opacity .2s var(--ease-calm)}.is-working .pet .p-face-w{opacity:1}.is-working .pet .p-face-h,.pet .p-fx>*{opacity:0}.pet{--look:1.1px;--blink:4.2s;--blink-at:0s}.is-working .pet .p-blink{transform-origin:50%;animation:ns-blink-eyes var(--blink) var(--blink-at) infinite}.is-working .pet .p-face-w:not(.p-blink){animation:ns-glance 6.5s var(--blink-at) ease-in-out infinite}.is-working .pet :is(.p-face-w.p-blink,.p-blink:not(.p-face-w .p-blink)){animation:ns-blink-eyes var(--blink) var(--blink-at) infinite, ns-glance 6.5s var(--blink-at) ease-in-out infinite}@keyframes ns-blink-eyes{0%,85%,90.5%,93%,to{transform:none}87.5%,95.5%{transform:scaleY(.1)}}@keyframes ns-glance{0%,60%,to{translate:var(--look) .3px}66%,84%{translate:0}}@keyframes ns-tap{to{transform:rotate(-24deg)translateY(-.6px)}}@keyframes ns-pop-fx{0%{opacity:0;transform:translateY(3px)scale(.4)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)scale(.8)}}.pet-claude{--look:.5px;--blink:3.6s}.ns[data-time=night] .is-on .pet-claude .p-body{animation:.9s step-end infinite ns-step}.is-working .pet-claude .p-hand-l{animation:.32s step-end infinite ns-type}.is-working .pet-claude .p-hand-r{animation:.32s step-end -.16s infinite ns-type}.is-done .pet-claude :is(.p-hand-l,.p-hand-r){animation:.5s step-end 3 ns-yay}@keyframes ns-step{50%{transform:translateY(-.5px)}}@keyframes ns-type{50%{transform:translateY(-1px)}}@keyframes ns-yay{0%,to{transform:translateY(-2px)}50%{transform:translateY(-1px)}}.pet-codex{--blink:3.1s;--blink-at:-1.2s}.ns[data-time=night] .is-on .pet-codex .p-body{animation:2.4s ease-in-out infinite ns-float}.ns[data-time=night] .pet-codex .p-cursor{animation:1s step-end infinite ns-blink}.is-working .pet-codex .p-hand-r{transform-origin:50% 10%;animation:.22s ease-in-out infinite alternate ns-tap}.is-working .pet-codex .p-hand-l{transform-origin:50% 90%;animation:5.2s ease-in-out infinite ns-chin}.is-working .pet-codex .p-head{transform-origin:50% 100%;animation:5.2s ease-in-out infinite ns-think}.is-working .pet-codex .p-foot-r{animation:.8s ease-in-out infinite ns-foot}.is-done .pet-codex :is(.p-hand-l,.p-hand-r){transform-origin:50% 90%;animation:ns-arms-up .9s var(--ease-calm) 2 alternate}@keyframes ns-float{50%{transform:translateY(-1.6px)}}@keyframes ns-blink{50%{opacity:0}}@keyframes ns-chin{0%,58%,92%,to{transform:none}66%,84%{transform:translate(3px,-3.6px)rotate(-38deg)}72%,78%{transform:translate(3.2px,-4px)rotate(-30deg)}}@keyframes ns-think{0%,58%,92%,to{transform:none}66%,84%{transform:rotate(-7deg)}}@keyframes ns-foot{50%{transform:translateY(-1.2px)}}@keyframes ns-arms-up{to{transform:translateY(-3px) rotate(var(--up,0deg))}}.pet-codex .p-hand-l{--up:30deg}.pet-codex .p-hand-r{--up:-30deg}.pet-openclaw{--blink:4.6s;--blink-at:-2.1s}.ns[data-time=night] .is-on .pet-openclaw .p-body{animation:2.2s ease-in-out infinite ns-float}.ns[data-time=night] .is-on .pet-openclaw .p-ant-l{transform-origin:100% 100%;animation:1.6s ease-in-out infinite alternate ns-ant}.ns[data-time=night] .is-on .pet-openclaw .p-ant-r{transform-origin:0 100%;animation:1.6s ease-in-out -.8s infinite alternate-reverse ns-ant}.ns[data-time=night] .pet-openclaw .p-love{transform-origin:50%;animation:1.1s ease-in-out infinite ns-beat}.is-working .pet-openclaw .p-hand-r{transform-origin:0 60%;animation:.3s ease-in-out infinite alternate ns-clack}.is-working .pet-openclaw .p-hand-l .p-snip{transform-origin:100% 90%;animation:3.2s ease-in-out infinite ns-snip}.is-done .pet-openclaw .p-fx>*{animation:1.6s ease-out both ns-pop-fx}.is-done .pet-openclaw .p-fx>:last-child{animation-delay:.35s}@keyframes ns-ant{0%{transform:rotate(-9deg)}to{transform:rotate(8deg)}}@keyframes ns-beat{30%{transform:scale(1.25)}45%{transform:scale(.95)}60%{transform:scale(1.12)}}@keyframes ns-clack{to{transform:rotate(-12deg)}}@keyframes ns-snip{0%,66%,74%,82%,to{transform:none}70%,78%{transform:rotate(-30deg)}}.pet-chatgpt{--blink:4.9s;--blink-at:-.6s}.ns[data-time=night] .is-on .pet-chatgpt .p-body{transform-origin:50% 100%;animation:2.6s ease-in-out infinite ns-sway}.is-working .pet-chatgpt .p-hand-r{animation:.28s ease-in-out infinite alternate ns-pat}.is-working .pet-chatgpt .p-hand-l{animation:7s ease-in-out -2s infinite ns-push-hand}.is-working .pet-chatgpt .p-glasses{animation:7s ease-in-out -2s infinite ns-push}.ns[data-time=night] .is-on .pet-chatgpt .p-glint{animation:3.8s ease-in-out infinite ns-glint}.pet-chatgpt .p-glint{translate:-10px}.is-done .pet-chatgpt .p-bow{transform-origin:50%;animation:.36s ease-in-out 4 ns-wiggle}@keyframes ns-sway{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes ns-pat{to{transform:translate(-.8px,-1.6px)}}@keyframes ns-push-hand{0%,74%,92%,to{transform:none}80%,86%{transform:translate(6px,-8.6px)}}@keyframes ns-push{0%,79%,89%,to{transform:none}82%,86%{transform:translateY(-1.3px)}}@keyframes ns-glint{0%,62%{translate:-10px}86%,to{translate:24px}}@keyframes ns-wiggle{25%{transform:rotate(-16deg)}75%{transform:rotate(16deg)}}.pet-muse{--blink:4.4s;--blink-at:-3s}.ns[data-time=night] .is-on .pet-muse .p-body{transform-origin:50% 100%;animation:2s ease-in-out infinite ns-squish}.is-working .pet-muse{transform-origin:50% 100%;animation:6.4s ease-in-out infinite ns-tilt}.is-working .pet-muse .p-hand-r{transform-origin:50% 10%;animation:.34s ease-in-out infinite alternate ns-tap}.is-working .pet-muse .p-hand-l{transform-origin:50% 10%;animation:2.2s ease-in-out infinite alternate ns-arm-sway}.ns[data-time=night] .is-on .pet-muse .p-cheeks{animation:2.4s ease-in-out infinite alternate ns-blush}.is-done .pet-muse .p-hand-l{transform-origin:50% 10%;animation:.42s ease-in-out 4 ns-wave}@keyframes ns-squish{50%{transform:scale(1.04,.95)}}@keyframes ns-tilt{0%,40%,70%,to{transform:none}48%,62%{transform:rotate(-4deg)}}@keyframes ns-arm-sway{to{transform:rotate(10deg)}}@keyframes ns-blush{to{opacity:.95}}@keyframes ns-wave{50%{transform:rotate(48deg)}}.pet-gemini{--blink:3.8s;--blink-at:-1.7s}.ns[data-time=night] .is-on .pet-gemini .p-body{transform-origin:50% 100%;animation:2.4s ease-in-out infinite ns-bob}.is-working .pet-gemini .p-hand-r{animation:.26s ease-in-out infinite alternate ns-pat}.is-working .pet-gemini .p-hand-l{animation:.26s ease-in-out -.13s infinite alternate ns-pat-l}.is-working .pet-gemini .p-spark{transform-origin:50%;animation:1.8s ease-in-out infinite ns-twinkle-fx}.is-working .pet-gemini .p-spark+.p-spark{animation-delay:-.9s}.is-done .pet-gemini .p-spark{transform-origin:50%;animation:1.4s ease-out both ns-pop-fx}@keyframes ns-bob{50%{transform:translateY(-1.8px)rotate(-3deg)}}@keyframes ns-pat-l{to{transform:translate(.8px,-1.6px)}}@keyframes ns-twinkle-fx{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.ns-quip{top:calc(2 * var(--u));z-index:3;border-radius:var(--radius-sm);background:var(--accent);width:max-content;max-width:11rem;color:var(--on-accent);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-calm), translate .45s var(--spring), scale .45s var(--spring);padding:.3rem .7rem;font-size:.8125rem;font-weight:600;line-height:1.3;position:absolute;left:50%;translate:-50% 6px;scale:.85}.ns-quip.is-hi{opacity:1;translate:-50%;scale:1}.ns-plate{opacity:.4;transition:opacity .5s var(--ease-calm);justify-items:center;gap:.05rem;margin:.6rem 0 0;padding:0 .15rem;display:grid}.ns-desk.is-on .ns-plate{opacity:1}.ns-who{font-size:.95rem;font-weight:600;line-height:1.3}.ns-task{color:var(--ink-2);text-wrap:balance;font-size:.875rem;line-height:1.3}.ns-when{font-variant-numeric:tabular-nums;min-height:1.4rem;color:var(--accent);white-space:nowrap;align-items:center;gap:.25rem;margin-top:.1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.ns-when svg{animation:ns-pop .45s var(--spring);flex:none}@container ns (width>=1000px){.ns-plate{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.5rem;margin-top:.5rem;display:flex}.ns-task{flex-basis:100%;order:3}.ns-when{min-height:1.3rem;margin:0}}@container ns (width<=519px){.ns-floor{row-gap:.6rem}.ns.is-end .ns-title .ns-day{font-size:1.04em}.ns-lede{font-size:.9375rem;line-height:1.45}.ns-stage{height:calc(88 * var(--u))}.ns-plate{gap:0;margin-top:.35rem}.ns-who,.ns-task{line-height:1.2}.ns-who{font-size:.8125rem}.ns-task{font-size:.75rem;line-height:1.25}.ns-when{min-height:1.15rem;font-size:.75rem}.ns-when svg{width:12px;height:12px}}@keyframes ns-pop{0%{opacity:0;transform:scale(.6)}}.ns-dots{gap:4px;display:inline-flex}.ns-dots i{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite ns-dot}.ns-dots i:nth-child(2){animation-delay:.15s}.ns-dots i:nth-child(3){animation-delay:.3s}@keyframes ns-dot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.ns-laptop{--shell:color-mix(in srgb, var(--ink) 30%, var(--paper));z-index:0;width:72em;height:55em;font-size:var(--u);transform-origin:0 100%;flex:none;margin-left:-6em;position:relative;transform:perspective(240em)rotateY(-22deg)}:where(.ns-laptop) :where(i,b){display:block}.lp-lid{background:var(--demo-ink);height:47em;box-shadow:0 0 0 .9em var(--shell);transform-origin:50% 100%;transition:transform .75s var(--spring) .15s, box-shadow .8s var(--ease-calm);border-radius:3.4em 3.4em 1em 1em;position:absolute;bottom:4.4em;left:6em;right:3em;transform:perspective(180em)rotateX(-84deg)}.ns-desk.is-on .lp-lid{box-shadow:0 0 0 .9em var(--shell), 0 0 30em 3em color-mix(in srgb, var(--ink) 20%, transparent);transform:none}.ns[data-time=day] .ns-desk .lp-lid{box-shadow:0 0 0 .9em var(--shell)}.lp-base{background:linear-gradient(color-mix(in srgb, var(--ink) 44%, var(--paper)), var(--shell));clip-path:polygon(7% 0,96% 0,100% 100%,0 100%);border-radius:0 0 1.6em 1.6em;height:4.4em;position:absolute;inset:auto 0 0}.lp-base:after{content:"";background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:1em 1em 0 0;height:1.2em;position:absolute;bottom:0;left:42%;right:42%}.lp-base i{background:var(--accent);opacity:0;border-radius:50%;width:1.6em;height:1.6em;position:absolute;bottom:1.4em}.lp-base i:first-child{left:16%}.lp-base i:nth-child(2){left:30%;animation-delay:.22s!important}.lp-base i:nth-child(3){left:44%;animation-delay:.41s!important}.ns[data-time=night] .ns-desk.is-on:not(.is-done) .lp-base i{animation:.62s ease-out .9s infinite ns-key}@keyframes ns-key{0%{opacity:0;translate:0}25%{opacity:.95}to{opacity:0;translate:.6em -5em}}.ns-shine{background:radial-gradient(55% 55% at 72% 62%, color-mix(in srgb, var(--ink) 15%, transparent), transparent 72%);opacity:0;transition:opacity .6s var(--ease-calm) .5s;pointer-events:none;position:absolute;inset:22% 18% 0 0}.ns-desk.is-on .ns-shine{opacity:1}.ns[data-time=day] .ns-desk .ns-shine{opacity:0;transition-delay:0s}.ui{color-scheme:light;background:var(--surface);opacity:0;transition:opacity .35s var(--ease-calm) .55s;border-radius:1.4em;grid-template-rows:4.4em minmax(0,1fr);display:grid;position:absolute;inset:2.2em 2.2em 2.8em;overflow:hidden}.ns-desk.is-on .ui{opacity:1}.ui-bar{background:var(--surface-2);box-shadow:inset 0 -1px var(--line);align-items:center;gap:1em;padding:0 1.8em;display:flex}.ui-bar>i:not([data-count]){background:var(--line-2);border-radius:50%;width:1.5em;height:1.5em}.ui-body{align-content:start;gap:2em;min-height:0;padding:2.2em 2.4em;display:grid;position:relative}.ui .ln{width:var(--w);background:color-mix(in srgb, var(--ink) 22%, transparent);border-radius:2em;height:2.2em}.ui .av{background:color-mix(in srgb, var(--ink) 22%, transparent);border-radius:50%;flex:none;width:4em;height:4em}.ui-done{background:var(--accent);width:9em;height:9em;color:var(--on-accent);box-shadow:0 .6em 1.6em -.4em var(--shadow-far);opacity:0;transition:opacity .2s var(--ease-calm), scale .45s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1.8em;right:1.8em;scale:.3}.ui-done svg{stroke-width:3.2px;width:5.6em;height:5.6em}.is-done .ui-done{opacity:1;scale:1}.ui .ty{width:0;transition:width .9s steps(9,end);position:relative}.ui .ty:after{content:"";background:var(--accent);opacity:0;border-radius:.4em;width:.8em;height:3.6em;position:absolute;top:-.7em;right:-1.3em}.s2 .ty-1,.s2 .ty-2,.s3 .ty-3{width:var(--w)}.s2 .ty-2{transition-delay:.9s}.s2:not(.s3) .ty-2:after,.s3:not(.is-done) .ty-3:after{opacity:1;animation:.9s step-end infinite ns-blink}.ui-mail .ui-body,.ui-inbox .ui-body{grid-template-columns:17em minmax(0,1fr);gap:0;padding:0}.ui-side{background:var(--surface-2);box-shadow:inset -1px 0 var(--line);align-content:start;display:grid}.ui-pane{align-content:start;gap:2.2em;min-width:0;padding:2.4em;display:grid}.ml-row{height:7em;box-shadow:inset 0 -1px var(--line);transition:height .45s var(--ease-calm), background-color .3s var(--ease-calm);align-items:center;gap:1.4em;padding:0 1.6em;display:flex;overflow:hidden}.ml-row .ln{flex:none}.ml-new{height:0}.ml-new .av{background:var(--accent)}.s1 .ml-new{background:var(--accent-wash);height:7em}.ml-msg{opacity:0;transition:opacity .3s var(--ease-calm) .35s;gap:1.6em;display:flex}.ml-lines{flex:1;gap:1.4em;display:grid}.s1 .ml-msg{opacity:1}.ml-reply{box-shadow:inset 0 1px var(--line);gap:1.6em;padding-top:2.2em;display:grid}.ml-reply .ln{background:color-mix(in srgb, var(--ink) 50%, transparent)}.ui-btn{background:color-mix(in srgb, var(--ink) 12%, transparent);width:13em;height:4.4em;transition:background-color .3s var(--ease-calm);border-radius:2.2em}.s3 .ui-btn{background:var(--accent);animation:ns-pop .4s var(--spring)}.ui-code{color-scheme:dark;background:var(--demo-ink)}.ui-code .ui-done{color-scheme:light}.ui-code .ui-bar{background:color-mix(in srgb, var(--ink) 7%, var(--demo-ink));box-shadow:inset 0 -1px color-mix(in srgb, var(--ink) 12%, transparent)}.ui-code .ui-body{gap:2em;padding:2.4em 2.4em 0 1.4em}.cd-ln{height:3.4em;transition:background-color .3s var(--ease-calm);border-radius:.8em;align-items:center;gap:1.2em;padding-left:3.6em;display:flex;position:relative}.cd-ln:before{content:"";width:1.6em;height:1.6em;transition:background-color .3s var(--ease-calm);border-radius:50%;position:absolute;left:1em}.cd-ln>b:not(.t),.cd-old,.cd-new{gap:1.2em;display:flex}.ui .t{width:var(--w);border-radius:2em;height:2.2em}.tk{background:var(--accent)}.tp{background:color-mix(in srgb, var(--ink) 55%, transparent)}.ts{background:var(--ok)}.tf{background:var(--warn)}.cd-old .t{transform-origin:100%;transition:transform .45s steps(5,end)}.cd-new{position:absolute;left:3.6em}.cd-new .t{transform-origin:0;transition:transform .6s steps(6,end) .2s;transform:scaleX(0)}.s1 .cd-bug{background:color-mix(in srgb, var(--danger) 20%, transparent)}.s1 .cd-bug:before{background:var(--danger)}.s1 .cd-old{box-shadow:0 1em 0 -.5em var(--danger);padding-bottom:.2em}.s2 .cd-bug{background:color-mix(in srgb, var(--accent) 26%, transparent)}.s2 .cd-old .t{transform:scaleX(0)}.s3 .cd-new .t{transform:none}.s3 .cd-bug{background:color-mix(in srgb, var(--ok) 18%, transparent)}.s3 .cd-bug:before{background:var(--ok)}.cd-term{background:color-mix(in srgb, var(--ink) 6%, transparent);align-items:center;gap:1.4em;margin:.6em -2.4em 0 -1.4em;padding:2em 2.4em;display:flex}.cd-ps{clip-path:polygon(0 0,100% 50%,0 100%);background:var(--ok);width:2em;height:2.2em}.cd-pass{background:color-mix(in srgb, var(--ink) 16%, transparent);color:#0000;width:8em;height:4em;transition:background-color .3s var(--ease-calm), color .3s var(--ease-calm);border-radius:2em;place-items:center;margin-left:auto;display:grid}.cd-pass svg{stroke-width:3.6px;width:3em;height:3em}.s3 .cd-pass{background:var(--ok);color:var(--demo-ink);animation:ns-pop .4s var(--spring) .6s backwards}.ui-inbox .ui-body{grid-template-columns:12em minmax(0,1fr)}.ib-side{gap:1.8em;padding:2em 1.6em}.ib-f{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:1em;height:3.4em;position:relative}.ib-f:before{content:"";background:var(--c);border-radius:.5em;width:1.8em;height:1.8em;position:absolute;top:.8em;left:.9em}.ib-f1{--c:var(--accent)}.ib-f2{--c:var(--ok)}.ib-f3{--c:var(--warn)}.s1 .ib-f1,.s2 .ib-f2,.s3 .ib-f3{animation:ns-pop .45s var(--spring) .3s;background:color-mix(in srgb, var(--c) 20%, transparent)}.ib-list{gap:0;padding:0;position:relative}.ib-row{height:6.4em;box-shadow:inset 0 -1px var(--line);transition:height .4s var(--ease-calm) .2s, opacity .25s var(--ease-calm), translate .45s var(--ease-calm);align-items:center;gap:1.4em;padding:0 2em;display:flex;overflow:hidden}.ib-row .ln{flex:none}.ib-dot{background:var(--accent);border-radius:50%;flex:none;width:1.6em;height:1.6em}.s1 :is(.ib-1,.ib-2),.s2 :is(.ib-3,.ib-4),.s3 .ib-5{opacity:0;height:0;translate:-12em}.ib-zero{color:var(--ok);opacity:0;transition:opacity .3s var(--ease-calm), scale .45s var(--spring);place-items:center;display:grid;position:absolute;inset:0;scale:.6}.ib-zero svg{stroke-width:2.6px;width:10em;height:10em}.s3 .ib-zero{opacity:1;transition-delay:.55s;scale:1}.ib-count{background:var(--danger);min-width:6em;height:3.2em;color:var(--on-accent);transition:background-color .3s var(--ease-calm);border-radius:2em;place-items:center;margin-left:auto;padding:0 1.2em;font-weight:700;line-height:1;display:grid}.ib-count:before{content:attr(data-n);font-size:2.4em}.s3 .ib-count{background:var(--ok)}.ui-invoice .ui-body{gap:2em}.iv-to,.iv-subj{align-items:center;gap:1.4em;display:flex}.iv-subj{box-shadow:inset 0 -1px var(--line);padding-bottom:2em}.iv-to .ln,.iv-subj .ln{transform-origin:0;transition:transform .5s steps(6,end);transform:scaleX(0)}.s1 :is(.iv-to,.iv-subj) .ln{transform:none}.iv-late{background:var(--danger);opacity:0;width:8em;height:3.2em;transition:opacity .2s var(--ease-calm), scale .4s var(--spring);border-radius:2em;margin-left:auto;scale:.5}.s1 .iv-late{opacity:1;scale:1}.iv-body{gap:1.6em;display:grid}.iv-body .ln{background:color-mix(in srgb, var(--ink) 50%, transparent)}.iv-file{width:58%;box-shadow:inset 0 0 0 1px var(--line-2);opacity:0;transition:opacity .3s var(--ease-calm) .5s, translate .45s var(--spring) .5s;border-radius:1.2em;align-items:center;gap:1.4em;padding:1.2em;display:flex;translate:0 2em}.iv-doc{background:var(--danger);border-radius:.6em;flex:none;width:3.8em;height:4.8em}.s3 .iv-file{opacity:1;translate:none}.ui-design .ui-body{grid-template-rows:minmax(0,1fr) 7em;grid-template-columns:5.4em minmax(0,1fr);gap:0;padding:0}.dz-tools{background:var(--surface-2);box-shadow:inset -1px 0 var(--line);grid-row:1/-1;align-content:start;gap:1.6em;padding:2em 1.6em;display:grid}.dz-tools i{background:color-mix(in srgb, var(--ink) 26%, transparent);border-radius:.6em;height:2.2em}.dz-tools i:first-child{background:var(--accent)}.dz-canvas{background:color-mix(in srgb, var(--ink) 6%, var(--surface));place-items:center;display:grid}.dz-art{background:var(--surface);width:19em;height:19em;box-shadow:0 0 0 1px var(--line), 0 1em 2.4em -1em var(--shadow-far);transition:background-color .4s var(--ease-calm);border-radius:1em;position:relative;overflow:hidden}.s1 .dz-art{background-color:var(--accent-wash)}.dz-hill{background:var(--accent);height:15em;transition:translate .5s var(--spring);border-radius:50%;position:absolute;bottom:-9em;left:-5em;right:-5em;translate:0 8em}.dz-sun{background:var(--warn);width:4.4em;height:4.4em;transition:scale .45s var(--spring) .2s;border-radius:50%;position:absolute;top:3em;right:3em;scale:0}.s2 .dz-hill{translate:none}.s2 .dz-sun{scale:1}.dz-h{gap:1.2em;width:9em;display:grid;position:absolute;top:3.2em;left:2.4em}.dz-h .ln{background:var(--ink);transform-origin:0;transition:transform .45s steps(5,end);transform:scaleX(0)}.dz-h .ln+.ln{transition-delay:.3s}.s3 .dz-h .ln{transform:none}.dz-film{box-shadow:inset 0 1px var(--line);align-items:center;gap:1.4em;padding:0 2.2em;display:flex}.dz-film i{width:4.4em;height:4.4em;box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .3s var(--ease-calm);border-radius:.8em}.s1 .dz-film i:first-child,.s2 .dz-film i:nth-child(2),.s3 .dz-film i:nth-child(3){background:color-mix(in srgb, var(--accent) 55%, var(--accent-wash));box-shadow:none;animation:ns-pop .4s var(--spring) .4s backwards}.ui-calendar .ui-body{grid-template-rows:2.2em minmax(0,1fr);gap:1.6em}.cl-head{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4em;display:grid}.cl-head i{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:1em}.cl-head i:nth-child(2){background:var(--accent)}.cl-grid{background:repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px 25%);grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:.9em 1.4em;display:grid}.ev{background:var(--k);opacity:0;transition:opacity .25s var(--ease-calm), translate .45s var(--spring);border-radius:.8em;translate:0 -2.4em}.ev1{--k:var(--accent)}.ev2{--k:var(--ok)}.ev3{--k:color-mix(in srgb, var(--accent) 55%, var(--surface))}.ev4{--k:var(--warn)}.ev5{--k:var(--accent)}.s1 :is(.ev1,.ev2),.s2 :is(.ev3,.ev4),.s3 .ev5{opacity:1;translate:none}.s1 .ev2,.s2 .ev4{transition-delay:.25s}.ns-end{transition:grid-template-rows .6s var(--ease-calm);grid-template-rows:0fr;display:grid}.ns-end-in{opacity:0;min-height:0;transition:opacity .5s var(--ease-calm);margin:-4px;padding:4px;overflow:hidden}.ns.is-end .ns-end{grid-template-rows:1fr}.ns.is-end .ns-end-in{opacity:1;transition-delay:.3s}.ns-note{max-width:62ch;margin:1rem 0 0}.ns-actions{flex-wrap:wrap;align-items:center;gap:.65rem .9rem;margin-top:.9rem;display:flex}@container ns (width>=720px){.ns-end-in{align-items:center;gap:.75rem 1.5rem;display:flex}.ns-actions{flex:none;margin:1rem 0 0}.ns-note{order:2;max-width:46ch;margin:1rem 0 0}}.ns-again{align-items:center;gap:.45rem;display:inline-flex}@container ns (width<=419px){.ns-note{margin-top:.8rem;font-size:.8125rem}.ns-actions{margin-top:.7rem}.ns-again{justify-content:center;width:44px;padding:0}.ns-again-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.ns,.ns *,.ns :before,.ns :after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}