@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2)format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff)format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2)format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff)format("woff")}@font-face{font-family:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/spline-sans-mono-latin-400-normal-mUpA6Mve.woff2)format("woff2"),url(/assets/spline-sans-mono-latin-400-normal-739QRW1l.woff)format("woff")}@property --bg-0{syntax:"<color>";inherits:true;initial-value:#121420}@property --bg-1{syntax:"<color>";inherits:true;initial-value:#1a1d2c}@property --line{syntax:"<color>";inherits:true;initial-value:#2a2e42}@property --text{syntax:"<color>";inherits:true;initial-value:#cbd0e0}@property --text-dim{syntax:"<color>";inherits:true;initial-value:#8a91ab}@property --accent{syntax:"<color>";inherits:true;initial-value:#e0a458}@property --accent-deep{syntax:"<color>";inherits:true;initial-value:#b97f35}:root{--night-0:#121420;--night-1:#1a1d2c;--night-line:#2a2e42;--moon:#cbd0e0;--moon-dim:#8a91ab;--ember:#e0a458;--ember-deep:#b97f35;--day-0:#f5f5f1;--day-1:#fff;--day-line:#e1e1d9;--ink:#20242c;--ink-dim:#666c79;--sun:#d98324;--sun-deep:#a96318;--font-display:"Young Serif", "Iowan Old Style", Georgia, serif;--font-text:"Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, "SF Mono", monospace;--size-display:clamp(40px, 7vw, 64px);--size-h2:clamp(26px, 4vw, 34px);--size-body:17px;--size-small:14px;--size-label:13px;--size-timer-xl:clamp(96px, 22vw, 168px);--size-timer-md:clamp(56px, 12vw, 96px)}:root[data-phase=night]{--bg-0:var(--night-0);--bg-1:var(--night-1);--line:var(--night-line);--text:var(--moon);--text-dim:var(--moon-dim);--accent:var(--ember);--accent-deep:var(--ember-deep);--focus-ring:var(--ember);--tempo:.7s;--tempo-long:.8s;--ease:cubic-bezier(.22, 1, .36, 1)}:root[data-phase=day]{--bg-0:var(--day-0);--bg-1:var(--day-1);--line:var(--day-line);--text:var(--ink);--text-dim:var(--ink-dim);--accent:var(--sun);--accent-deep:var(--sun-deep);--focus-ring:var(--sun-deep);--tempo:.18s;--tempo-long:.2s;--ease:ease-out}:root.crossing{transition:--bg-0 1.4s ease-in-out,--bg-1 1.4s ease-in-out,--line 1.4s ease-in-out,--text 1.4s ease-in-out,--text-dim 1.4s ease-in-out,--accent 1.4s ease-in-out,--accent-deep 1.4s ease-in-out}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{height:100%}body{background:var(--bg-0);min-height:100svh;color:var(--text);font-family:var(--font-text);font-size:var(--size-body);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.65;overflow-x:hidden}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.display{font-family:var(--font-display);font-size:var(--size-display);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.1}.h2{font-family:var(--font-display);font-size:var(--size-h2);margin:0;font-weight:400;line-height:1.2}.body{font-size:var(--size-body);margin:0;line-height:1.65}.small{font-size:var(--size-small);color:var(--text-dim);margin:0;line-height:1.6}.label{font-family:var(--font-text);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:500}.timer-xl{font-family:var(--font-mono);font-size:var(--size-timer-xl);font-variant-numeric:tabular-nums;font-weight:400;line-height:1}.timer-md{font-family:var(--font-mono);font-size:var(--size-timer-md);font-variant-numeric:tabular-nums;font-weight:400;line-height:1}.shell-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:fixed;top:0;left:0;right:0}.shell-header>*{pointer-events:auto}.wordmark{color:var(--text-dim);-webkit-user-select:none;user-select:none;text-decoration:none}.sound-toggle{font-family:var(--font-text);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-weight:500}.sound-toggle:hover{color:var(--text)}#app{min-height:100svh}.screen{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:96px 24px 64px;display:flex}.screen-col{flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-width:34rem;display:flex}.screen-col.centered{text-align:center;align-items:center}.stage{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.stage-canvas{width:100%;height:100%;position:absolute;inset:0}.screen-enter{opacity:0}.screen-enter-active{opacity:1;transition:opacity var(--tempo-long) var(--ease)}.screen-exit-active{opacity:0;transition:opacity var(--tempo) var(--ease)}.fade-line{opacity:0;transition:opacity var(--tempo-long) var(--ease)}.fade-line.visible{opacity:1}.btn{font-family:var(--font-text);font-size:var(--size-body);cursor:pointer;transition:background-color var(--tempo-long) var(--ease), color var(--tempo-long) var(--ease), border-color var(--tempo-long) var(--ease), opacity var(--tempo-long) var(--ease), transform 80ms ease-out;border:1px solid #0000;border-radius:10px;padding:14px 22px;font-weight:500}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--bg-1);color:var(--text);border-color:var(--line)}:root[data-phase=night] .btn-primary:hover:not(:disabled){border-color:var(--moon-dim)}:root[data-phase=day] .btn-primary{background:var(--ink);color:var(--day-0);border-color:var(--ink)}:root[data-phase=day] .btn-primary:hover:not(:disabled){background:#2c313b}.btn-ghost{color:var(--text);border-color:var(--line);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--text-dim)}.btn-big{padding:16px 32px;font-size:19px}.btn-confirm.confirmed{background:var(--bg-1);border-color:var(--line);color:var(--text)}:root[data-phase=day] .btn-confirm.confirmed{background:var(--day-1)}.btn-confirm.confirmed:before{content:"";border-right:2px solid var(--accent-deep);border-bottom:2px solid var(--accent-deep);width:.55em;height:.9em;margin-right:10px;display:inline-block;transform:rotate(45deg)translateY(-2px)}.card-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}@media (max-width:640px){.card-grid{grid-template-columns:1fr}}.card{background:var(--bg-1);border:1px solid var(--line);text-align:left;cursor:pointer;font-family:var(--font-text);color:var(--text);transition:transform var(--tempo) var(--ease), border-color var(--tempo) var(--ease);border-radius:12px;flex-direction:column;gap:6px;padding:20px;display:flex}.card:hover{border-color:var(--text-dim);transform:translateY(-2px)}.card-title{font-size:var(--size-body);font-weight:500;line-height:1.4}.card-line{font-size:var(--size-small);color:var(--text-dim);line-height:1.5}.field,.textarea{font-family:var(--font-text);font-size:var(--size-body);color:var(--text);background:var(--bg-1);border:1px solid var(--line);border-radius:10px;width:100%;padding:13px 14px;line-height:1.5}.field::placeholder,.textarea::placeholder{color:var(--text-dim);opacity:1}.field:focus-visible,.textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.textarea{resize:vertical;min-height:calc(9em + 26px)}.field-label{margin-bottom:8px;display:block}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{font-family:var(--font-text);font-size:var(--size-small);color:var(--text);background:var(--bg-1);border:1px solid var(--line);cursor:pointer;transition:border-color var(--tempo) var(--ease);text-align:left;border-radius:999px;padding:9px 16px;line-height:1.4}.chip:hover{border-color:var(--text-dim)}.chip[aria-pressed=true]{outline:2px solid var(--focus-ring);outline-offset:2px}.pill-row{align-items:baseline;gap:10px;display:flex}.pill{font-family:var(--font-mono);font-size:var(--size-body);color:var(--text);background:var(--bg-1);border:1px solid var(--line);cursor:pointer;transition:border-color var(--tempo) var(--ease);border-radius:999px;padding:10px 20px}.pill:hover{border-color:var(--text-dim)}.pill[aria-pressed=true]{border-color:var(--accent-deep);outline:2px solid var(--focus-ring);outline-offset:2px}.pill-unit{color:var(--text-dim);font-size:var(--size-small)}:root.crossing-simple{transition:--bg-0 .3s,--bg-1 .3s,--line .3s,--text .3s,--text-dim .3s,--accent .3s,--accent-deep .3s}.intention-row{flex-wrap:wrap;align-items:baseline;gap:14px;width:100%;display:flex}.intention-label{font-family:var(--font-display);white-space:nowrap;font-size:clamp(26px,2.4vw,28px);font-weight:400;line-height:1.3}.intention-row .field{flex:180px;min-width:180px}.horizon{z-index:5;pointer-events:none;opacity:0;background:linear-gradient(#f5f5f100 30%,#fff0d88c 70%,#fff4e0f2 100%);position:fixed;inset:0;transform:translateY(101%)}.horizon.rise{animation:1.4s cubic-bezier(.33,0,.2,1) forwards horizon-rise}@keyframes horizon-rise{0%{opacity:1;transform:translateY(101%)}55%{opacity:1}to{opacity:0;transform:translateY(-30%)}}.block-stage{gap:32px}.block-intention{color:var(--text-dim);font-size:var(--size-small)}.abandon-corner{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--tempo-long) var(--ease), visibility 0s var(--tempo-long);align-items:center;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.abandon-corner.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--tempo-long) var(--ease)}.link-quiet{font-family:var(--font-text);font-size:var(--size-small);color:var(--text-dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:6px 8px;text-decoration:underline}.link-quiet:hover{color:var(--text)}.stack-64{flex-direction:column;gap:64px;width:100%;display:flex}.stack-16{flex-direction:column;gap:16px;width:100%;display:flex}.stack-8{flex-direction:column;gap:8px;width:100%;display:flex}.row-12{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}@media (prefers-reduced-motion:reduce){:root[data-phase=night],:root[data-phase=day]{--tempo:.3s;--tempo-long:.3s;--ease:ease}:root.crossing{transition:none}.card,.card:hover{transition:border-color .3s;transform:none}.btn,.btn:active:not(:disabled){transform:none}.horizon.rise{opacity:0;animation:none}}