:root{--ink:#f6f3ea;--ink-soft:#f6f3eab8;--ink-faint:#f6f3ea80;--glass:#141c1852;--glass-strong:#141c189e;--line:#f6f3ea2e;--accent:#b9e4c2;--night:#1c2a22;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.22, .61, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(120% 90% at 50% 100%, #2f4a39 0%, var(--night) 60%, #121a15 100%);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.idle{cursor:none}button,select,input{font:inherit;color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#scene{position:fixed;inset:0;overflow:hidden}#scene .layer{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 2.4s var(--ease), transform 0s linear 2.4s;position:absolute;inset:0;transform:scale(1.06)}#scene .layer.visible{opacity:1;transition:opacity 2.4s var(--ease), transform 90s linear;transform:scale(1)}#scene .shade{pointer-events:none;background:linear-gradient(#00000059,#0000 22%),linear-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.ui{z-index:2;transition:opacity 1.2s var(--ease);align-items:center;gap:16px;padding:20px 28px;display:flex;position:fixed;left:0;right:0}body.idle .ui{opacity:0}.icon-btn,.pill{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);cursor:pointer;transition:background .3s,border-color .3s,color .3s}.icon-btn:hover,.pill:hover{background:var(--glass-strong);border-color:#f6f3ea52}.icon-btn{border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-btn.small{-webkit-backdrop-filter:none;background:0 0;border:0;width:30px;height:30px}.top{justify-content:space-between;top:0}.brand{font-family:var(--serif);letter-spacing:.02em;text-shadow:0 1px 12px #0006;min-width:140px;font-size:24px;font-weight:500}.scenes{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#141c1838;border-radius:999px;gap:4px;padding:4px;display:flex}.chip{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:14px;transition:background .3s,color .3s}.chip:hover{color:var(--ink);background:#f6f3ea1a}.chip[aria-pressed=true]{color:var(--night);background:#f6f3eae6}.actions{justify-content:flex-end;gap:8px;min-width:140px;display:flex}body.loading #next-photo svg{animation:1.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.3}}.quote-wrap{z-index:1;pointer-events:none;justify-content:center;padding:0 24px;display:flex;position:fixed;bottom:96px;left:0;right:0}.quote{text-align:center;pointer-events:auto;cursor:pointer;opacity:0;max-width:760px;transition:opacity .9s var(--ease), transform .9s var(--ease);text-shadow:0 1px 2px #00000059,0 2px 24px #00000073;margin:0;transform:translateY(6px)}.quote.shown{opacity:1;transform:none}.quote blockquote{font-family:var(--serif);text-wrap:balance;margin:0;font-size:clamp(22px,2.6vw,34px);font-style:italic;line-height:1.3}.quote figcaption{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:12px;font-size:13px}.quote cite{color:var(--ink-faint);font-style:normal}.quote cite:before{content:"·";margin:0 .6em}.bottom{justify-content:space-between;align-items:flex-end;bottom:0}.credit{min-width:0;max-width:min(46vw,520px);color:var(--ink-faint);text-shadow:0 1px 8px #00000080;flex-direction:column;gap:2px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.credit span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.credit .credit-title{color:var(--ink-soft)}.credit[href]:hover{color:var(--ink)}.music{flex-direction:column;align-items:flex-end;display:flex;position:relative}.pill{border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;display:inline-flex}.pill[aria-expanded=true]{color:var(--night);background:#f6f3eae6}.player{background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.2);opacity:0;visibility:hidden;width:min(380px,100vw - 32px);transition:opacity .35s var(--ease), transform .35s var(--ease), visibility 0s .35s;border-radius:18px;padding:10px;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(8px);box-shadow:0 20px 60px #00000059}.player.open{opacity:1;visibility:visible;transition:opacity .35s var(--ease), transform .35s var(--ease);transform:none}.player-head{align-items:center;gap:6px;margin-bottom:8px;display:flex}.player select,.custom input{border:1px solid var(--line);background:#00000040;border-radius:10px;flex:1;min-width:0;padding:8px 10px;font-size:14px}.player select option{background:var(--night)}.custom{gap:6px;margin-bottom:8px;display:flex}.custom button{background:var(--ink);color:var(--night);cursor:pointer;border:0;border-radius:10px;padding:8px 14px;font-weight:500}.custom-error{color:#ffd3c4;margin:-2px 0 8px;font-size:12px}#embed iframe{border:0;border-radius:12px;width:100%;height:152px;display:block}.dock{align-items:flex-end;gap:8px;display:flex}.count{background:var(--accent);min-width:20px;height:20px;color:var(--night);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:500;display:inline-grid}body.breaking .ui,body.breaking .quote-wrap{opacity:0;pointer-events:none}.quote-wrap{transition:opacity 1.2s var(--ease)}body.breaking #scene .shade{transition:background 1.5s var(--ease);background:#080e0a73}.break{z-index:3;animation:fade-in 1.2s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px 16px;display:flex;position:fixed;inset:0}.break[hidden]{display:none}@keyframes fade-in{0%{opacity:0}}.breath{aspect-ratio:1;place-items:center;width:min(340px,70vw);display:grid;position:relative}.ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:1.5px}.ring-track{stroke:#f6f3ea29}.ring-fill{stroke:var(--ink);stroke-linecap:round}.orb{--breath:.8;aspect-ratio:1;-webkit-backdrop-filter:blur(10px);width:82%;transform:scale(var(--breath));cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 40%,#f6f3ea47,#b9e4c21a 60%,#141c1840);border:1px solid #f6f3ea59;border-radius:50%;place-items:center;transition-property:transform,background;transition-timing-function:ease-in-out;display:grid;box-shadow:0 0 80px #b9e4c22e,inset 0 0 40px #f6f3ea14}.break[data-state=breathing] .orb,.break[data-state=done] .orb{cursor:default}.orb.holding{background:radial-gradient(circle at 50% 40%,#f6f3ea61,#b9e4c22e 60%,#141c1840)}.orb span{font-family:var(--serif);text-shadow:0 1px 16px #0006;transform:scale(calc(1 / var(--breath)));font-size:clamp(26px,4vw,36px);font-style:italic;transition:inherit}.break-sub{letter-spacing:.04em;min-height:1.4em;color:var(--ink-soft);font-variant-numeric:tabular-nums;text-shadow:0 1px 10px #00000080;margin:0;font-size:15px}.break-foot{transition:opacity 1.2s var(--ease);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:24px;left:0;right:0}body.idle .break[data-state=breathing] .break-foot{opacity:0}.break-end{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:13px}.break-end:hover{color:var(--ink)}.break[data-state=done] .break-end{color:var(--night);background:#f6f3eae6;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:500}.break-actions{align-items:center;gap:10px;display:flex}.break-end{white-space:nowrap}.break-share{background:var(--glass);-webkit-backdrop-filter:blur(14px);cursor:pointer;border:1px solid #f6f3ea66;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;display:none}.break-share:hover{background:var(--glass-strong)}.break[data-state=done] .break-share{display:inline-flex}.share{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(1.2);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#141c18db;border-radius:20px;padding:16px;overflow:auto;box-shadow:0 30px 80px #00000080}.share::backdrop{background:#050a078c}.share-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.share h2{font-family:var(--serif);margin:0;font-size:26px;font-weight:500}.share-frame{aspect-ratio:1080/1350;background:#00000040;border-radius:14px;max-height:58dvh;margin:0 auto;overflow:hidden}.share-frame img{object-fit:contain;width:100%;height:100%;display:block}.share.loading .share-frame{animation:1.4s ease-in-out infinite breathe}.share-buttons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.share-buttons button{border:1px solid var(--line);cursor:pointer;background:#f6f3ea14;border-radius:999px;flex:auto;padding:10px 14px;font-size:14px}.share-buttons button:hover:not(:disabled){background:#f6f3ea29}.share-buttons button:disabled{opacity:.5;cursor:default}.share-buttons .primary{background:var(--ink);color:var(--night);border-color:#0000;font-weight:500}.share-buttons .primary:hover{background:#fff}.share-buttons [hidden]{display:none}.share .note{text-align:center;min-height:1.4em;margin-top:10px}.settings-wrap{position:relative}.settings{background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:18px;gap:14px;width:min(300px,100vw - 32px);padding:16px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 60px #00000059}.settings[hidden]{display:none}.stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:#0003;border-radius:12px;gap:2px;padding:10px 4px;display:grid}.stats strong{font-family:var(--serif);font-size:30px;font-weight:500;line-height:1}.stats span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.field{color:var(--ink-soft);gap:6px;font-size:13px;display:grid}.field select{border:1px solid var(--line);background:#00000040;border-radius:10px;padding:8px 10px;font-size:14px}.field select option{background:var(--night)}.note{color:var(--ink-faint);margin:0;font-size:12px;line-height:1.4}.nudge{z-index:4;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.2);opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);border-radius:999px;align-items:center;gap:14px;padding:10px 10px 10px 18px;display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%,-8px);box-shadow:0 16px 50px #0000004d}.nudge.shown{opacity:1;transform:translate(-50%)}.nudge[hidden]{display:none}.nudge p{font-family:var(--serif);white-space:nowrap;margin:0;font-size:19px;font-style:italic}.nudge div{gap:4px;display:flex}.nudge button{cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:8px 14px;font-size:13px}.nudge-yes{background:var(--ink);color:var(--night);font-weight:500}.nudge-later{color:var(--ink-soft);background:0 0}.nudge-later:hover{color:var(--ink)}body.breaking .nudge{display:none}@media (width<=760px){body.nudging .quote-wrap{opacity:0;pointer-events:none}.ui{padding:14px 16px}.top{flex-wrap:wrap;row-gap:10px}.brand,.actions{min-width:0}.scenes{scrollbar-width:none;order:3;width:100%;overflow-x:auto}.chip{flex-shrink:0;padding:7px 12px}.quote-wrap{padding:0 16px;bottom:110px}.credit{max-width:40vw}.nudge{border-radius:20px;flex-direction:column;gap:8px;padding:14px 16px 10px;top:auto;bottom:76px}.scenes.break-sounds{width:auto;max-width:calc(100vw - 32px)}.dock .pill span:not(.count){display:none}.dock .pill{padding:10px}}@media (prefers-reduced-motion:reduce){#scene .layer,#scene .layer.visible{transition:opacity 1s linear;transform:none}.orb,.orb span{transform:none!important}}