:root{--ink:#0a1633;--tide:#1f4e79;--dusk:#8e7cc3;--coral:#ff9a8b;--foam:#eaf4f4;--foam-soft:#eaf4f4c7;--foam-faint:#eaf4f480;--veil:#0a163357;--shadow:0 1px 14px #0a163373, 0 0 2px #0a16334d;--mincho:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--gothic:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;--gutter:max(16px, env(safe-area-inset-left));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--ink);height:100%;color:var(--foam);font-family:var(--gothic);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.7;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--foam);outline-offset:4px;border-radius:999px}.sky{width:100%;height:100%;display:block;position:fixed;inset:0}.gl-error{inset:auto var(--gutter) 40% var(--gutter);text-align:center;color:var(--foam-soft);position:fixed}.app{padding:max(16px, env(safe-area-inset-top)) var(--gutter) max(20px, env(safe-area-inset-bottom));text-shadow:var(--shadow);flex-direction:column;animation:2.4s cubic-bezier(.2,.7,.2,1) both rise;display:flex;position:fixed;inset:0}@property --glow{syntax:"<number>";inherits:true;initial-value:0}.app{--glow:0;transition:--glow 3s}.app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse min(78vw, 720px) 62% at 50% 58%, rgb(10 22 51/calc(var(--glow) * .5)) 0%, rgb(10 22 51/calc(var(--glow) * .32)) 45%, #0a163300 100%);position:fixed;inset:0}@keyframes rise{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}.topbar{justify-content:space-between;align-items:center;gap:12px;transition:opacity 1.2s;display:flex}.topbar.is-dim{opacity:.35}.wordmark{white-space:nowrap;font-family:var(--mincho);letter-spacing:.04em;margin:0;font-size:22px;font-weight:500}.topbar-right{align-items:center;gap:14px;min-width:0;display:flex}.presence{white-space:nowrap;color:var(--foam-soft);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.presence-dot{background:var(--coral);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:3.2s ease-out infinite ripple;box-shadow:0 0 #ff9a8b99}@keyframes ripple{to{box-shadow:0 0 0 10px #ff9a8b00}}.icon-button{filter:drop-shadow(0 1px 8px #0a163373);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.home{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:18px;min-height:0;display:flex}.phrase{writing-mode:vertical-rl;min-height:0;font-family:var(--mincho);letter-spacing:.22em;text-align:start;cursor:pointer;opacity:0;flex:0 auto;align-self:flex-end;max-height:min(56vh,30em);margin:20px 4px auto 0;font-size:clamp(19px,2.4vh,24px);font-weight:500;line-height:1.9;transition:opacity 2.2s,transform 2.2s;overflow:hidden;transform:translateY(-10px)}.phrase.is-ready{opacity:1;transform:none}.dial{align-items:center;gap:clamp(8px,4vw,40px);display:flex}.dial-step{border:1px solid var(--foam-faint);filter:drop-shadow(0 1px 8px #0a163366);border-radius:50%;place-items:center;width:48px;height:48px;transition:border-color .3s,opacity .3s;display:grid}.dial-step:hover:not(:disabled){border-color:var(--foam)}.dial-step:disabled{opacity:.3;cursor:default}.dial-value{min-width:3.2ch;font-family:var(--mincho);justify-content:center;align-items:baseline;display:flex}.dial-number{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(104px,22vh,210px);font-weight:400;line-height:1}.dial-unit{margin-left:.2em;font-size:clamp(20px,3vh,28px)}.scenes{flex-direction:column;align-items:center;gap:6px;display:flex}.scene-row{border:0;gap:16px;margin:0;padding:0;display:flex}.scene-swatch:has(input:focus-visible){outline:2px solid var(--foam);outline-offset:6px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scene-swatch{cursor:pointer;background-size:cover;border-radius:50%;width:44px;height:44px;transition:box-shadow .4s,transform .4s;position:relative;box-shadow:0 0 0 1px #eaf4f459,0 6px 18px #0a163359}.scene-swatch:has(input:checked){box-shadow:0 0 0 2px var(--ink), 0 0 0 3.5px var(--foam), 0 6px 22px #0a163373;transform:scale(1.12)}.scene-name{font-family:var(--mincho);letter-spacing:.12em;color:var(--foam-soft);margin:0;font-size:15px}.actions{flex-direction:column;align-items:center;gap:6px;display:flex}.start{background:var(--foam);min-width:220px;color:var(--ink);font-family:var(--mincho);letter-spacing:.3em;text-indent:.3em;text-shadow:none;border-radius:999px;padding:14px 40px;font-size:18px;font-weight:600;transition:transform .3s,box-shadow .3s,opacity .3s;box-shadow:0 10px 40px #0a163359}.start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 48px #0a163373}.start:disabled{opacity:.55;cursor:default}.text-button{color:var(--foam-soft);text-underline-offset:5px;padding:10px 14px;font-size:14px;-webkit-text-decoration:underline #eaf4f44d;text-decoration:underline #eaf4f44d;transition:color .3s}.text-button:hover{color:var(--foam)}.stats-line{color:var(--foam-faint);margin:0;font-size:13px}.home>.dial,.home>.scenes,.home>.actions,.home>.stats-line{transition:opacity .4s}.home.is-settings>.dial,.home.is-settings>.scenes,.home.is-settings>.actions,.home.is-settings>.stats-line{opacity:0;visibility:hidden}.settings{max-width:560px;padding:24px var(--gutter) max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px)saturate(1.3);text-shadow:none;background:#0a1633b8;border-radius:28px 28px 0 0;flex-direction:column;gap:14px;margin:0 auto;animation:.45s cubic-bezier(.2,.8,.2,1) sheet;display:flex;position:absolute;inset:auto 0 0}@keyframes sheet{0%{opacity:0;transform:translateY(40px)}}.choice{border:0;margin:0;padding:0}.legend{color:var(--foam-faint);margin-bottom:8px;padding:0;font-size:13px;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid #eaf4f438;border-radius:999px;padding:7px 14px;font-size:14px;transition:background .25s,border-color .25s}.chip[aria-pressed=true]{background:var(--foam);border-color:var(--foam);color:var(--ink)}.volume input{width:100%;accent-color:var(--coral)}.settings-close{align-self:center}.session{cursor:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.session.is-awake{cursor:auto}.breath{--breath:.5;aspect-ratio:1;place-items:center;width:min(64vmin,340px);display:grid;position:relative}.breath-ring{transform:scale(calc(.55 + var(--breath) * .45));border:1px solid #eaf4f4b3;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 40px #eaf4f41f,inset 0 0 40px #eaf4f414}.breath-ring-echo{transform:scale(calc(.5 + var(--breath) * .62));border-color:#eaf4f440}.breath-label{font-family:var(--mincho);letter-spacing:.4em;text-indent:.4em;margin:0;font-size:22px}.remaining{font-family:var(--mincho);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(40px,7vh,64px);font-weight:400}.progress{background:#eaf4f438;width:min(220px,50vw);height:1px}.progress span{background:var(--foam);transform-origin:0;height:100%;display:block}.session-controls{opacity:0;pointer-events:none;gap:12px;transition:opacity 1s;display:flex}.session.is-awake .session-controls{opacity:1;pointer-events:auto}.end{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;min-height:0;display:flex}.end-heading{font-family:var(--mincho);letter-spacing:.3em;color:var(--foam-soft);margin:0;font-size:17px}.poem{min-height:0;font-family:var(--mincho);flex-direction:row-reverse;justify-content:center;gap:.9em;font-size:clamp(17px,5dvh - 18px,34px);font-weight:500;display:flex}.poem-line{white-space:nowrap;writing-mode:vertical-rl;letter-spacing:.2em;opacity:0;margin:0;line-height:1.4;animation:2.4s forwards ink}.poem-line:nth-child(2){margin-top:1.4em}.poem-line:nth-child(3){margin-top:2.8em}@keyframes ink{0%{opacity:0;filter:blur(8px);transform:translateY(-8px)}to{opacity:1;filter:none;transform:none}}.poem-waiting{letter-spacing:.2em;color:var(--foam-faint);align-self:center;margin:0;font-size:15px;animation:3s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.4}}.end-summary{color:var(--foam-soft);text-align:center;margin:0;font-size:15px}.end-links{gap:4px;display:flex}.notice{color:var(--foam-soft);margin:0;font-size:13px}.card-sheet{padding:24px var(--gutter);-webkit-backdrop-filter:blur(16px);background:#060a1eb3;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.6s both rise;display:flex;position:fixed;inset:0}.card-sheet img{border-radius:18px;max-width:min(420px,100%);min-height:0;max-height:56vh;box-shadow:0 30px 80px #00000080}.card-actions{flex-direction:column;align-items:center;gap:8px;width:min(420px,100%);display:flex}.share-buttons{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.share-button{color:var(--foam);letter-spacing:.06em;background:#0a1633d1;border:1px solid #eaf4f466;border-radius:999px;padding:12px 10px;font-size:14px;transition:background .3s,opacity .3s}.share-button:hover:not(:disabled){background:#1f385ee6}.share-button:disabled{opacity:.5;cursor:default}.share-url{width:100%;color:var(--foam);font:inherit;background:#060a1e80;border:1px solid #eaf4f44d;border-radius:12px;padding:10px 14px;font-size:13px}.lang-select{appearance:none;font:inherit;letter-spacing:.04em;color:var(--foam-soft);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:10px 14px;font-size:13px;-webkit-text-decoration:underline #eaf4f44d;text-decoration:underline #eaf4f44d;transition:color .3s}.lang-select:hover{color:var(--foam)}.lang-select option{color:var(--foam);background:var(--ink)}:root:not(:lang(ja)) .phrase{writing-mode:horizontal-tb;letter-spacing:.02em;text-align:center;align-self:center;max-width:min(32em,100%);max-height:none;margin:20px 0 auto;font-style:italic;line-height:1.5}:root:not(:lang(ja)) .poem{flex-direction:column;align-items:flex-start;gap:.2em;font-size:clamp(22px,3.6vh,34px);font-style:italic}:root:not(:lang(ja)) .poem-line{writing-mode:horizontal-tb;white-space:normal;letter-spacing:.01em}:root:not(:lang(ja)) .poem-line:nth-child(2){margin:0 0 0 1.4em}:root:not(:lang(ja)) .poem-line:nth-child(3){margin:0 0 0 2.8em}:root:not(:lang(ja)) :is(.start,.end-heading,.breath-label,.poem-waiting,.scene-name){letter-spacing:.08em;text-indent:0}:root:lang(zh){--mincho:"Noto Serif SC", "Songti SC", serif;--gothic:"Noto Sans SC", "PingFang SC", sans-serif}:root:lang(zh) :is(.phrase,.poem){font-style:normal}@media (width<=480px){.wordmark{font-size:19px}.presence{white-space:normal;min-width:0;font-size:12px;line-height:1.35}.topbar-right{gap:4px}.lang-select{padding:10px 6px}.scene-row{gap:12px}}@media (height<=640px){.home{gap:10px}.dial-number{font-size:88px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}