:root{color-scheme:dark;--ink:#dce2e5;--muted:#a5b1ba;--warm:#d2b59d;--color:0;--bg:#202d38}*{box-sizing:border-box}body{margin:0;background:#15212a;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:18px;line-height:1.7}button,textarea{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible{outline:2px solid #c5d5e0;outline-offset:5px}button{touch-action:manipulation}#app{max-width:480px;min-height:100svh;margin:auto;background:var(--bg);padding:calc(25px + env(safe-area-inset-top)) 26px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:0 1px 30px;font-size:18px;letter-spacing:.1em}.tiny-mark{color:#8494a1}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding-bottom:34px}nav button{position:relative;background:transparent;border:1px solid #52606b;border-radius:2px;min-height:64px;font-size:18px;color:#acb8c1}nav button.active{background:#394754;border-color:#8798a6;color:#f0f1ec}nav button.now:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#cad5dd;bottom:8px;left:calc(50% - 2px)}.scene-heading{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin-bottom:13px;color:var(--muted);font-size:14px;letter-spacing:.04em}#sound{border:0;background:none;color:#c1cbd1;font-size:14px;padding:4px}#scene{transition:opacity 1.1s ease}.picture{position:relative;aspect-ratio:1/1.03;overflow:hidden;border-radius:3px;background:#2d3c48}.picture img{width:100%;height:100%;object-fit:cover;filter:grayscale(calc(1 - var(--color))) saturate(.8) brightness(.81);display:block;transition:filter 2s}.shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,39,50,.24),transparent 65%);pointer-events:none}#detail{position:absolute;bottom:13%;right:12%;border:1px solid #aeb9bd80;border-radius:50%;background:#27364080;color:#e2dfd0;width:46px;height:46px}.story{min-height:175px;padding:24px 0 4px}#words{white-space:pre-line;font-size:19px;line-height:1.9;letter-spacing:-.025em;margin:0 0 23px;font-weight:400}#actions{display:flex;flex-direction:column;gap:10px}#actions button{padding:13px 16px;border:1px solid #62717b;border-radius:3px;background:#34424e;text-align:left;font-size:18px}#actions button.quiet{background:transparent;border-color:transparent;color:#aebbc4;padding-left:0}textarea{width:100%;min-height:105px;border:0;border-bottom:1px solid #829099;background:#263640;border-radius:2px;padding:12px;color:#e2e7e9;font-size:18px;resize:vertical}textarea::placeholder{color:#9cabb5}footer{margin-top:auto;padding-top:25px;text-align:center;color:#94a4b0;font-size:14px;letter-spacing:.05em}#install{margin-top:20px;display:flex;align-items:center;gap:4px;border-top:1px solid #485967;padding-top:15px;color:#b7c3cc;font-size:12px;white-space:nowrap;letter-spacing:-.04em}#install button{border:0;background:none;color:#b7c3cc;min-width:38px;min-height:44px;font-size:22px}#install[hidden],[hidden]{display:none!important}#storage-warning{font-size:14px;color:#b7c3cc}body.done .picture{opacity:.65}@media(min-width:600px){#app{margin:24px auto;min-height:calc(100svh - 48px);border:1px solid #354653;border-radius:6px}}@media(max-width:350px){#app{padding-left:18px;padding-right:18px}#install{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.audio-toggles{display:flex;align-items:center;gap:8px}#bgm{background:none;border:1px solid #697d8b;border-radius:50%;width:38px;height:38px;font-size:20px;color:#c9d4db}#bgm[aria-pressed=true]{background:#586877}#detail{width:27%;height:27%;right:2%;bottom:2%;border:0;background:transparent;border-radius:5px}.chat-bubble{align-self:flex-start;background:#40505e;border-radius:13px 13px 13px 2px;padding:13px 18px;margin:8px 0 20px;font-size:18px;color:#e2e6e8}.memory{font-size:18px;line-height:1.9;color:#c1cdd4}.letter-open nav{position:sticky;top:0;z-index:5;background:var(--bg);padding-top:12px;padding-bottom:14px}.letter-open .story{padding-top:0}.letter{padding-top:10vh}.letter-line{font-size:19px;line-height:2;white-space:pre-wrap;margin:0 0 12px;transition:opacity 1.6s ease}.letter-space{height:15px;margin:0}.letter-line.waiting{opacity:0}.letter-line.revealed{opacity:1}.letter-sea{width:100%;display:block;margin:65px 0 0;border-radius:3px}.letter-open footer{display:none}.letter-open #words:empty{display:none}