@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:400;src:url(./comfortaa-latin-400-normal-Cs52v-fJ.woff2)format("woff2"),url(./comfortaa-latin-400-normal-CxqV1cRw.woff)format("woff")}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:700;src:url(./comfortaa-latin-700-normal-DOtxUU44.woff2)format("woff2"),url(./comfortaa-latin-700-normal-K_GTRK4c.woff)format("woff")}:root{--bg:#0f1115;--surface:#1d2025;--border:#2c3036;--fg:#e9eaec;--muted:#9298a1;--accent:#7fd1ae;--on-accent:#14161a;--neon-teal:#04b79e;--neon-green:#53dc9c;--neon-mint:#7fd1ae;--glow-strength:.55;--scrim-strength:.62;--space-1:.5rem;--space-2:1rem;--space-3:1.75rem;--radius:14px;--font:"Comfortaa", system-ui, -apple-system, "Segoe UI", sans-serif;--step-0:1rem;--step-1:1.25rem;--step-3:clamp(3.5rem, 13vw, 6.5rem)}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.aurora{z-index:-1;pointer-events:none;opacity:var(--glow-strength);position:fixed;inset:0;overflow:hidden}.blob{filter:blur(70px);will-change:transform, opacity;border-radius:50%;position:absolute}.blob--1{background:radial-gradient(circle, var(--neon-teal), transparent 68%);width:62vmax;height:62vmax;top:-10vmax;left:-12vmax}.blob--2{background:radial-gradient(circle, var(--neon-green), transparent 66%);width:48vmax;height:48vmax;bottom:-16vmax;left:6vmax}.blob--3{background:radial-gradient(circle, var(--neon-mint), transparent 70%);width:54vmax;height:54vmax;top:-14vmax;right:-10vmax}@media (prefers-reduced-motion:no-preference){.blob--1{animation:37s ease-in-out infinite alternate drift-1,13s ease-in-out infinite alternate breathe}.blob--2{animation:43s ease-in-out infinite alternate drift-2,17s ease-in-out -4s infinite alternate breathe}.blob--3{animation:53s ease-in-out infinite alternate drift-3,19s ease-in-out -9s infinite alternate breathe}@keyframes drift-1{0%{transform:translate(0,0)scale(1)}to{transform:translate(14vmax,8vmax)scale(1.18)}}@keyframes drift-2{0%{transform:translate(0,0)scale(1.1)}to{transform:translate(22vmax,-12vmax)scale(.9)}}@keyframes drift-3{0%{transform:translate(0,0)scale(.95)}to{transform:translate(-18vmax,16vmax)scale(1.22)}}@keyframes breathe{0%{opacity:.55}to{opacity:1}}}#app{height:100%;padding:var(--space-3);gap:var(--space-2);grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;display:grid;position:relative}.zone{gap:var(--space-2);align-items:flex-start;display:flex}.zone--tl{grid-area:1/1}.zone--tr{grid-area:1/2;justify-content:flex-end}.zone--bl{grid-area:3/1;align-items:flex-end}.zone--br{grid-area:3/2;justify-content:flex-end;align-items:flex-end}.stage{justify-content:center;align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;grid-area:2/1/3/3;display:flex}.lockup{max-width:min(400px,70vw);height:auto;margin-bottom:var(--space-3);filter:drop-shadow(0 0 22px color-mix(in srgb, var(--neon-teal) 45%, transparent))}.greeting{margin:0 0 var(--space-2);font-size:var(--step-1);color:var(--muted);letter-spacing:.01em}.clock{font-size:var(--step-3);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:0 0 26px color-mix(in srgb, var(--neon-mint) 34%, transparent), 0 0 70px color-mix(in srgb, var(--neon-teal) 22%, transparent);margin:0;font-weight:700;line-height:1}.intent-slot{margin-top:var(--space-3);min-height:2rem}.card{padding:var(--space-2);border:1px solid color-mix(in srgb, var(--neon-mint) 22%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);font-size:var(--step-0);box-shadow:0 0 0 1px color-mix(in srgb, var(--neon-teal) 8%, transparent), 0 8px 30px #0000002e}@media (width<=640px){#app{padding:var(--space-2);grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr}.zone--tl{grid-area:1/1}.zone--tr{grid-area:1/1;justify-content:flex-end}.stage{grid-area:2/1}.zone--bl{grid-area:3/1}.zone--br{grid-area:4/1;justify-content:flex-start}}@media (prefers-reduced-motion:no-preference){.stage>*{animation:.5s ease-out both rise}.stage>:nth-child(2){animation-delay:70ms}.stage>:nth-child(3){animation-delay:.14s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}}.focus{margin-top:var(--space-3);align-items:center;gap:var(--space-2);flex-direction:column;width:min(30rem,86vw);display:flex}.intent{width:100%;font:inherit;font-size:var(--step-1);text-align:center;color:var(--fg);background:color-mix(in srgb, var(--surface) 55%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--neon-mint) 18%, var(--border));border-radius:999px;outline:none;padding:.75rem 1.1rem;transition:border-color .2s,box-shadow .2s}.intent::placeholder{color:var(--muted)}.intent:focus-visible{border-color:var(--neon-mint);box-shadow:0 0 0 4px color-mix(in srgb, var(--neon-teal) 22%, transparent)}.intent:read-only{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--neon-mint);background:0 0;border-color:#0000}.controls{gap:var(--space-1);display:flex}.btn{font:inherit;cursor:pointer;color:var(--fg);background:color-mix(in srgb, var(--surface) 65%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:.6rem 1.4rem;font-weight:700;transition:transform .12s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--neon-teal) 30%, transparent);outline:none}.btn--primary{color:var(--on-accent);background:var(--neon-mint);box-shadow:0 0 24px color-mix(in srgb, var(--neon-mint) 35%, transparent);border-color:#0000}.btn--primary:hover{box-shadow:0 0 34px color-mix(in srgb, var(--neon-mint) 55%, transparent)}.clock--session{color:var(--neon-mint);text-shadow:0 0 30px color-mix(in srgb, var(--neon-mint) 55%, transparent), 0 0 80px color-mix(in srgb, var(--neon-teal) 35%, transparent)}.stats{white-space:nowrap}.is-celebrating .blob{animation-duration:3s,2s!important}@media (prefers-reduced-motion:reduce){.btn:hover{transform:none}}.search{width:min(34rem,88vw);margin-bottom:var(--space-4,3rem);align-items:center;display:flex;position:relative}.search__icon{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;left:1rem}.search__input{width:100%;font:inherit;font-size:var(--step-0);text-align:left;color:var(--fg);background:color-mix(in srgb, var(--surface) 40%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:12px;outline:none;padding:.7rem 1.1rem .7rem 2.9rem;transition:border-color .2s,box-shadow .2s,background .2s}.search__input::placeholder{color:var(--muted)}.search__input::-webkit-search-cancel-button{filter:grayscale()opacity(.5)}.search__input:focus-visible{background:color-mix(in srgb, var(--surface) 70%, transparent);border-color:color-mix(in srgb, var(--neon-mint) 45%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--neon-teal) 18%, transparent)}.search:focus-within .search__icon{stroke:var(--neon-mint)}.duration[hidden],.stats[hidden],.photo[hidden],.scrim[hidden],.aurora[hidden],.photo-credit[hidden],.sheet__row[hidden]{display:none}.duration{color:var(--muted);background:color-mix(in srgb, var(--surface) 65%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:baseline;gap:.25rem;padding:.6rem .9rem;display:inline-flex}.duration__input{width:2.6rem;font:inherit;text-align:right;color:var(--fg);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-weight:700}.duration__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration:focus-within{border-color:color-mix(in srgb, var(--neon-mint) 45%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--neon-teal) 18%, transparent)}.duration__unit{font-size:.85em}.btn--ghost{font-size:var(--step-0);color:var(--muted);background:color-mix(in srgb, var(--surface) 45%, transparent);padding:.45rem 1rem}.btn--ghost:hover{color:var(--fg)}.history{width:min(34rem,92vw);max-height:min(70vh,42rem);color:var(--fg);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--neon-mint) 20%, var(--border));border-radius:var(--radius);padding:0;overflow:hidden;box-shadow:0 24px 70px #0000008c}.history::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c}.history__head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) .75rem;border-bottom:1px solid var(--border);display:flex}.history__title{font-size:var(--step-1);margin:0;font-weight:700}.history__summary{padding:.75rem var(--space-2);color:var(--neon-mint);font-size:var(--step-0);margin:0}.history__list{max-height:46vh;padding:0 var(--space-2) var(--space-2);overflow-y:auto}.history__day{margin-top:var(--space-2);border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;padding-bottom:.3rem;font-size:.85rem;display:flex}.history__day-total{color:var(--fg);font-weight:700}.history__row{gap:var(--space-1);font-size:var(--step-0);grid-template-columns:4.6rem 1fr auto;align-items:baseline;padding:.45rem 0;display:grid}.history__time{color:var(--muted);font-size:.85rem}.history__intent{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history__mins{color:var(--neon-mint);font-weight:700}.photo{z-index:-3;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.scrim{z-index:-2;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 48%, rgb(0 0 0/calc(var(--scrim-strength) * .95)) 0%, rgb(0 0 0/calc(var(--scrim-strength) * .45)) 55%, #0000 100%), linear-gradient(to bottom, rgb(0 0 0/calc(var(--scrim-strength) * .7)) 0%, rgb(0 0 0/calc(var(--scrim-strength) * .2)) 35%, rgb(0 0 0/calc(var(--scrim-strength) * .2)) 65%, rgb(0 0 0/calc(var(--scrim-strength) * .7)) 100%);position:fixed;inset:0}.photo-credit{text-align:right;max-width:40ch;color:color-mix(in srgb, var(--fg) 72%, transparent);text-shadow:0 1px 3px #0009;margin:0;font-size:.8rem;line-height:1.35}.photo-credit__title{font-weight:700}.photo-credit__by{color:var(--muted);font-size:.75rem}.sheet{width:min(28rem,92vw);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--neon-mint) 22%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--fg);font-family:var(--font)}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c}.sheet__head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.sheet__title{font-size:var(--step-1);margin:0;font-weight:700}.sheet__row{margin-bottom:var(--space-3)}.sheet__row:last-child{margin-bottom:0}.sheet__label{margin-bottom:var(--space-1);color:var(--muted);font-size:.85rem;display:block}.sheet__value{color:var(--accent);font-weight:700}.sheet__hint{margin:var(--space-1) 0 0;color:var(--muted);font-size:.75rem;line-height:1.4}.sheet_hint code{background:color-mix(in srgb, var(--neon-mint) 14%, transparent);border-radius:5px;padding:.1em .35em;font-size:.95em}.field{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 70%, transparent);width:100%;color:var(--fg);font-family:var(--font);font-size:var(--step-0);border-radius:10px;padding:.6rem .75rem}.field:focus-visible{outline:2px solid color-mix(in srgb, var(--neon-mint) 60%, transparent);outline-offset:2px}.field[type=range]{accent-color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}