@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-normal-7BpKI3vF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-italic-BHALq22K.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-italic-B8-t4Nou.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-italic-D2JnYqd-.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--ink: oklch(.16 .014 272);--ink-2: oklch(.185 .018 272);--dusk: oklch(.23 .03 274);--mist: oklch(.94 .012 270);--haze: oklch(.74 .022 270);--faint: oklch(.54 .03 272);--dim: oklch(.36 .03 272);--lull: #a5b0ff;--ember: #ff8f70;--ember-ink: oklch(.3 .06 35);--serif: "Fraunces Variable", ui-serif, Georgia, serif;--sans: "Instrument Sans Variable", -apple-system, system-ui, sans-serif;--ease: cubic-bezier(.25, 1, .5, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--mist);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--lull);outline-offset:3px;border-radius:4px}.serif,h1,h2,.prompt,.sun-label{font-family:var(--serif);font-variation-settings:"SOFT" 100,"WONK" 0}.link{color:var(--haze);font-size:14px;padding:6px 2px;transition:color .25s var(--ease)}.link:hover:not(:disabled){color:var(--mist)}.link:disabled{opacity:.3}.shell{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,30vw,420px);height:100%}.sky{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:clamp(24px,3.2vw,40px) clamp(28px,4.5vw,64px) 0;background:radial-gradient(70% 22% at 50% 78%,color-mix(in oklch,var(--ember) 13%,transparent),transparent 70%),linear-gradient(180deg,oklch(.215 .048 274) 0%,oklch(.18 .03 272) 52%,var(--ink) 78%)}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:8px}.brand span{font-family:var(--serif);font-variation-settings:"SOFT" 100;font-weight:500;font-size:19px;letter-spacing:-.02em}.modes{display:flex;gap:18px}.modes button{font-size:13px;color:var(--faint);padding:4px 0;position:relative;transition:color .25s var(--ease)}.modes button:hover{color:var(--haze)}.modes button.on{color:var(--mist)}.modes button.on:after{content:"";position:absolute;left:50%;bottom:-3px;width:4px;height:4px;border-radius:50%;background:var(--ember);transform:translate(-50%)}.month{margin-top:clamp(16px,3vh,40px);animation:rise .9s var(--ease-expo) both}.month-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(12px,2.2vh,24px)}.month-head h1{font-size:clamp(40px,min(5vw,8vh),72px);font-weight:300;font-style:italic;letter-spacing:-.03em;line-height:.95}.month-head h1 span{font-style:normal;font-size:.32em;font-weight:400;color:var(--faint);letter-spacing:0;margin-left:6px;vertical-align:.25em;font-family:var(--sans)}.month-meta{display:flex;align-items:center;gap:18px;color:var(--faint);font-size:13px;padding-bottom:8px}.nav{display:flex;gap:2px}.nav button{width:32px;height:32px;border-radius:50%;color:var(--haze);font-size:15px;transition:background .25s var(--ease),color .25s var(--ease)}.nav button:hover{background:color-mix(in oklch,var(--mist) 8%,transparent);color:var(--mist)}.weekdays,.nights{display:grid;grid-template-columns:repeat(7,1fr);column-gap:clamp(6px,1.2vw,16px)}.weekdays{margin-bottom:6px}.weekdays span{text-align:left;padding-left:10px;font-size:11px;letter-spacing:.14em;color:var(--dim)}.nights{row-gap:clamp(6px,1vh,12px)}.night{display:block;padding:0;animation:rise .7s var(--ease-expo) both;animation-delay:calc(var(--i) * 14ms + .12s)}.tile{position:relative;display:block;overflow:hidden;height:clamp(44px,7.6vh,92px);border-radius:12px;background-color:color-mix(in oklch,var(--mist) 4%,transparent);background-size:cover;background-position:center;transition:transform .45s var(--ease-expo),box-shadow .3s var(--ease),background-color .3s var(--ease),filter .3s var(--ease)}.num{position:absolute;left:10px;top:7px;font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums;transition:color .25s var(--ease)}.night:hover:not(:disabled) .tile{background-color:color-mix(in oklch,var(--mist) 8%,transparent)}.night:hover:not(:disabled) .num{color:var(--haze)}.night.kept .tile{box-shadow:0 6px 18px #02030973}.night.kept .tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,oklch(.12 .02 272 / .6),transparent 55%)}.night.kept .num{color:var(--mist);z-index:1;font-weight:500}.night.kept:hover .tile{transform:translateY(-2px);filter:brightness(1.1)}.night.today .tile{background-color:color-mix(in oklch,var(--lull) 10%,transparent)}.night.today .num{color:var(--ember);font-weight:600}.tonight-mark{position:absolute;right:9px;bottom:8px}.night.future .tile{background-color:transparent}.night.future .num{color:var(--dim)}.night.selected .tile{box-shadow:0 0 0 2.5px #0f1223,0 0 0 4px var(--lull)}.night.selected .num{color:var(--lull);font-weight:600}.night.kept.selected .num{color:var(--mist)}.horizon{position:relative;margin-top:auto;padding:16px 0 clamp(16px,2.4vh,30px);display:flex;flex-direction:column;align-items:center;gap:8px}.horizon:before{content:"";position:absolute;left:calc(-1*clamp(28px,4.5vw,64px));right:calc(-1*clamp(28px,4.5vw,64px));top:66.4px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--ember) 45%,transparent) 30%,color-mix(in oklch,var(--ember) 45%,transparent) 70%,transparent)}.sun{position:relative;border-radius:50%;transition:transform .6s var(--ease-expo),filter .4s var(--ease)}.sun svg{display:block;filter:drop-shadow(0 0 24px color-mix(in oklch,var(--lull) 35%,transparent))}.sun .mark-hi,.sun .mark-lo{transition:transform .6s var(--ease-expo)}.sun:hover:not(:disabled) .mark-hi{transform:translateY(-4px)}.sun:hover:not(:disabled) .mark-lo{transform:translateY(2px)}.sun:active:not(:disabled){transform:scale(.97)}.sun:disabled{opacity:.5}.sun.kept svg{filter:none;opacity:.75}.sun.armed .mark-hi{fill:var(--ember)}.sun-label{font-size:22px;font-style:italic;font-weight:400;letter-spacing:-.01em;margin-top:4px}.sun.armed+.sun-label{color:var(--ember)}.sun-sub{font-size:13px;color:var(--faint);min-height:20px}.sun-sub.err{color:var(--ember)}.page{background:var(--ink);padding:clamp(28px,3.4vw,44px) clamp(24px,2.6vw,36px) 24px;display:flex;flex-direction:column;min-height:0;animation:fade .5s var(--ease) both}.kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.title{font-size:clamp(30px,2.6vw,38px);font-weight:400;letter-spacing:-.025em;line-height:1.08;margin:10px 0 26px}.title em{display:block;font-style:italic;font-weight:300;color:var(--haze)}.scroll{overflow-y:auto;margin:0 -10px;padding:0 10px 20px;-webkit-user-select:text;user-select:text;scrollbar-width:thin}.quiet{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--faint)}.pulse{animation:breathe 2.4s var(--ease) infinite}.tonight .hint-line{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.tonight ol{list-style:none;counter-reset:q;display:flex;flex-direction:column;gap:16px}.tonight li{counter-increment:q;font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.38;color:var(--haze);display:grid;grid-template-columns:22px 1fr}.tonight li:before{content:counter(q);font-family:var(--sans);font-style:normal;font-size:12px;color:var(--ember);padding-top:5px}.tonight .fine{margin-top:28px;font-size:13px;color:var(--faint)}.reel{margin:0}.reel video{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:18px;background:var(--ink-2)}.voice-only{border-radius:18px;background:var(--dusk);padding:28px 16px}.voice-only audio{width:100%}.reel figcaption{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-variant-numeric:tabular-nums}.reel figcaption i,.stamp i{width:3px;height:3px;border-radius:50%;background:var(--dim)}.answers{display:flex;flex-direction:column;gap:26px;margin-top:30px}.ask{display:grid;grid-template-columns:40px 1fr;text-align:left;font-family:var(--serif);font-variation-settings:"SOFT" 100;font-style:italic;font-size:17px;line-height:1.35;color:var(--lull);transition:color .25s var(--ease)}.ask:hover{color:var(--mist)}.ask .at{font-family:var(--sans);font-style:normal;font-size:11px;color:var(--faint);padding-top:5px;font-variant-numeric:tabular-nums}.answer p{margin:8px 0 0 40px;font-size:14.5px;line-height:1.7;color:color-mix(in oklch,var(--mist) 86%,var(--ink))}.setup{margin-top:26px;padding:16px;border-radius:14px;background:var(--ink-2);display:flex;flex-direction:column;gap:10px;color:var(--haze);font-size:13px;-webkit-user-select:text;user-select:text}.setup code{background:var(--ink);border-radius:8px;padding:8px 10px;font:12px/1.5 ui-monospace,Menlo,monospace;color:var(--mist);word-break:break-all}.setup .link{align-self:flex-start;color:var(--lull)}.rec{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2.6vh,26px);padding:28px;background:radial-gradient(60% 30% at 50% 66%,color-mix(in oklch,var(--ember) 12%,transparent),transparent 70%),linear-gradient(180deg,oklch(.2 .05 274) 0%,oklch(.17 .03 272) 55%,var(--ink) 85%);animation:fade .6s var(--ease) both}.rec-brand{position:absolute;top:24px;left:28px;display:flex;align-items:center;gap:7px;font-family:var(--serif);font-size:16px;color:var(--haze)}.ask-block{text-align:center;max-width:680px;animation:rise .8s var(--ease-expo) both}.count{font-size:12px;letter-spacing:.16em;color:var(--ember);font-variant-numeric:tabular-nums;margin-bottom:12px}.count span{color:var(--faint);margin:0 3px}.prompt{font-size:clamp(24px,2.8vw,34px);font-style:italic;font-weight:300;line-height:1.25;letter-spacing:-.015em;text-wrap:balance}.porthole-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}.porthole-wrap:before{content:"";position:absolute;left:-60vw;right:-60vw;top:63%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--ember) 40%,transparent) 35%,color-mix(in oklch,var(--ember) 40%,transparent) 65%,transparent)}.porthole{position:relative;width:min(760px,78vw,calc((100vh - 400px)*1.6));aspect-ratio:16 / 10;border-radius:22px;overflow:hidden;background:var(--ink-2);box-shadow:0 30px 80px #01010599;display:grid;place-items:center}.porthole.live{box-shadow:0 30px 80px #01010599,0 0 0 3px #0b0e1c,0 0 0 4.5px color-mix(in oklch,var(--ember) 70%,transparent)}.preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.voice-mark{opacity:.85}.cam-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:40px;font-family:var(--serif);font-style:italic;color:var(--haze);background:#0b0d13bf}.meter{display:flex;gap:3px;align-items:center;height:26px}.meter s{width:3px;height:4px;border-radius:2px;background:var(--haze);opacity:.7;transition:height .07s linear}.stamp{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-variant-numeric:tabular-nums}.loc{background:transparent;border:0;padding:0;color:var(--haze);font:inherit;letter-spacing:inherit;text-transform:inherit;-webkit-user-select:text;user-select:text}.loc::placeholder{color:var(--dim)}.loc:focus-visible{outline:none;color:var(--mist)}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:min(520px,90vw)}.controls .link:first-child{justify-self:end}.controls .link:last-child{justify-self:start}.stop{width:76px;height:76px;border-radius:50%;background:var(--ember);color:var(--ember-ink);display:grid;place-items:center;box-shadow:0 10px 30px color-mix(in oklch,var(--ember) 30%,transparent);transition:transform .4s var(--ease-expo)}.stop:hover:not(:disabled){transform:scale(1.05)}.stop:disabled{opacity:.45}.stop .time{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes breathe{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}*,*:before,*:after{transition:none!important;animation-play-state:paused!important;animation-delay:calc(0s - var(--t, 30) * 1s)!important}.night{animation-delay:calc(var(--i, 0) * 14ms + .12s - var(--t, 30) * 1s)!important}html,body,#root{height:100%;overflow:hidden}.film{position:relative;width:100%;height:100%;overflow:hidden;background:var(--ink)}.film .layer{position:absolute;top:0;right:0;bottom:0;left:0}.sun svg .mark-hi{transform:translateY(calc(var(--lift, 0) * -4px))}.sun svg .mark-lo{transform:translateY(calc(var(--lift, 0) * 2px))}.reel video{background-image:var(--reel);background-size:cover;background-position:center}.reel video::-webkit-media-controls{display:none!important}.portrait{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.film .cursor{position:absolute;left:0;top:0;pointer-events:none;z-index:50;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}.film .meter s{transition:none!important}