:root{--paper:#fff7fa;--ink:#57404d;--sage:#b8648f;--muted:#967989;--rose:#c86d98;--line:#ecd4e0;--font:"Noto Serif CJK SC","Songti SC","STSong","SimSun",serif;--dialog-h:clamp(166px,29dvh,280px);--text-size:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body,html{width:100%;height:100%;margin:0;overflow:hidden;background:#fdfbff;color:var(--ink)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;display:flex;justify-content:center}#novel-frame{position:relative;width:min(100vw,56.25dvh,560px);height:100dvh;overflow:hidden;container-type:inline-size;background:var(--paper);box-shadow:0 0 50px #45493d0b}button,input,select{font:inherit}button{border:0;background:0 0;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.38;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--rose);outline-offset:3px}button:not(:disabled):hover{color:var(--rose)}[hidden]{display:none!important}svg{width:18px;height:18px;stroke-width:1.5;flex-shrink:0}#grain,#reader,#stage,#title-screen,#wash{position:absolute;inset:0}#stage canvas{display:block}#wash{pointer-events:none;background:linear-gradient(#fff7fac9,transparent 32%,transparent 64%,#fff7face 79%,#fff7fa 96%);transition:opacity .6s}body.reading #wash{opacity:0}#grain{pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}#title-screen{display:flex;flex-direction:column}.brand{position:absolute;top:max(18px,env(safe-area-inset-top));left:6%;display:flex;gap:8px;align-items:center;font:clamp(9px,2.6cqw,13px) var(--font);letter-spacing:2px}.brand>svg{width:26px;height:26px;color:var(--sage)}.brand em{display:block;font:6px sans-serif;letter-spacing:1.8px;margin-top:4px}.title-copy{position:absolute;top:11%;width:100%;text-align:center}.eyebrow{font-size:clamp(6px,1.65cqw,9px);letter-spacing:2px;color:var(--sage)}.eyebrow>span{display:none}h1{font:500 clamp(29px,11.5cqw,63px)/1.15 var(--font);letter-spacing:.09em;color:#655683;text-shadow:0 2px 15px #fff9;margin:14px 0 10px}h1>span{display:inline}h1 small{display:none}.tagline{font:clamp(9px,2.7cqw,14px) var(--font);letter-spacing:1px;margin:0}.intro{display:none}.title-menu{position:absolute;width:68%;left:16%;top:calc(70dvh - 11dvh);margin:0}.primary{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--sage);color:#fff9ff;border:1px solid #ca81a4;padding:14px 18px;border-radius:3px;box-shadow:0 6px 22px #53634b19;letter-spacing:2px;font-size:clamp(11px,3.4cqw,16px)}.primary:hover:not(:disabled){background:#ae547e;color:#fff}.primary svg:last-child{width:16px}.primary>span{text-align:center}.title-menu .primary{width:100%}.quiet{display:flex;justify-content:center;align-items:center;gap:7px;font-size:clamp(10px,2.8cqw,13px);letter-spacing:1px;padding:12px 4px;width:100%}.quiet svg{width:14px}.menu-row{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:9px;font-size:10px}.menu-row button{display:flex;gap:4px;align-items:center;font-size:clamp(9px,2.8cqw,13px);padding:6px 2px}.menu-row svg{width:14px}.menu-row>span{color:#c5b5d6}.title-footer{position:absolute;bottom:0;left:0;width:100%;padding:15px 5% max(14px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:clamp(7px,1.9cqw,10px);color:#887899}.title-footer button{display:flex;align-items:center;gap:3px;font-size:inherit}.title-footer>span{max-width:45%;text-align:center;line-height:1.7}.title-footer svg{width:13px}.reader-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:8px;padding:max(12px,env(safe-area-inset-top)) 4% 35px;background:linear-gradient(#59446d71,transparent);color:#fffef4;z-index:2}.round{width:clamp(28px,8cqw,40px);height:clamp(28px,8cqw,40px);border:1px solid #ffffff66;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff7fade;color:var(--ink);flex-shrink:0}.round svg{width:16px}.round:hover{background:var(--paper)}.chapter-label{margin-right:auto;text-shadow:0 1px 6px #5a3d6e55}.chapter-label span{font-size:clamp(6px,1.9cqw,10px);letter-spacing:1px;display:block}.chapter-label b{font:clamp(11px,3.2cqw,17px) var(--font);letter-spacing:1px;display:block;margin-top:5px}#art-next{position:absolute;inset:78px 0 var(--dialog-h);width:100%;cursor:default}#dialogue{position:absolute;bottom:0;left:0;width:100%;height:var(--dialog-h);display:flex;flex-direction:column;background:linear-gradient(110deg,#fff5fbf5,#ffedf5f7);border-top:1px solid #fff;box-shadow:0 -10px 45px #43513b12;padding:16px 6% max(13px,env(safe-area-inset-bottom));z-index:3;transition:opacity .25s}.dialogue-top{display:flex;align-items:center;justify-content:space-between;height:23px;flex-shrink:0}#speaker{font:clamp(13px,3.9cqw,20px) var(--font);letter-spacing:2px;color:var(--rose)}#speaker.narrator{color:var(--sage);font-size:clamp(11px,3cqw,15px)}#page-mark{font-size:clamp(7px,2cqw,10px);letter-spacing:1px;color:#9484a6}#text-next{display:block;flex:1;width:100%;min-height:0;overflow:hidden;text-align:left;font:var(--text-size)/1.75 var(--font);padding:10px 16px 10px 0;letter-spacing:.4px;position:relative;color:var(--ink);cursor:pointer}#text-next:active,#text-next:hover{color:var(--ink);background:0 0}#art-next:focus,#art-next:focus-visible,#text-next:focus,#text-next:focus-visible{outline:0;box-shadow:none}#line,#line-measure{position:absolute;left:0;right:16px;top:10px;display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;text-align:left;font:inherit;letter-spacing:inherit;margin:0}#line-measure{visibility:hidden;pointer-events:none}#advance-mark{position:absolute;right:-3px;bottom:8px;color:var(--sage)}#advance-mark svg{width:15px;animation:breathe 1.8s infinite}.reader-bottom{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid var(--line);flex-shrink:0}.chapter-progress{width:24px;height:2px;background:var(--line);flex-shrink:0}.chapter-progress i{display:block;height:100%;background:var(--rose)}.reader-actions{display:flex;justify-content:space-between;gap:6px;flex:1}.reader-actions button{display:flex;align-items:center;gap:3px;font-size:clamp(8px,2.5cqw,12px);padding:6px 0}.reader-actions svg{width:clamp(11px,3.3cqw,16px);height:16px}.reader-actions button.active{color:var(--rose)}#choices{position:absolute;left:6%;bottom:calc(var(--dialog-h) + 16px);width:88%;padding:15px;background:#fff7faf5;border:1px solid #fff;box-shadow:0 8px 50px #50396233;border-radius:4px;z-index:6}#choices p{font:clamp(11px,3cqw,15px) var(--font);letter-spacing:1px;text-align:center;margin:0 0 10px;color:var(--muted)}#choices button{display:block;padding:12px;border:1px solid #e3bfd0;background:#ffffff9c;margin-top:8px;width:100%;font:clamp(12px,3.5cqw,17px) var(--font)}#choices button:hover{background:#fce5ef}#chapter-card{pointer-events:none;position:absolute;inset:0;background:#fff7fa;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .5s}#chapter-card.show{opacity:1}#chapter-card span{font-size:clamp(7px,2cqw,11px);letter-spacing:3px;color:var(--muted)}#chapter-card h2{font:clamp(19px,6cqw,33px) var(--font);letter-spacing:3px;margin:24px 10px}#chapter-card i{height:35px;width:1px;background:var(--rose)}body.scene-changing #dialogue{opacity:0;pointer-events:none}#restore-ui{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#fff7fadc;border-radius:30px;padding:12px 20px;font-size:12px;z-index:6;white-space:nowrap}body.art-only #art-next,body.art-only #dialogue,body.art-only .reader-top{display:none}#modal-layer{position:absolute;inset:0;background:#4c3b6666;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:30;padding:4%}#modal{background:var(--paper);border:1px solid #fff9ff;width:100%;max-height:90%;box-shadow:0 20px 100px #57416f30;border-radius:5px;display:flex;flex-direction:column}#modal>header{padding:22px 6% 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}#modal .round{background:0 0;border-color:#e3bfd0}#modal h2{font:clamp(17px,5.5cqw,26px) var(--font);font-weight:400;letter-spacing:2px;margin:9px 0 0}.tiny{font-size:clamp(6px,1.7cqw,9px);letter-spacing:2px;color:var(--muted)}#modal-body{padding:20px 6%;overflow-y:auto;overscroll-behavior:contain}#modal-body p{line-height:1.9;font-size:clamp(12px,3.3cqw,15px);color:#81708e}#modal-body a{color:var(--sage);text-underline-offset:3px}.chapter-item,.slot{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:17px 0;border-bottom:1px solid var(--line)}.chapter-item .num{font:23px var(--font);color:#b29bc9}.chapter-item b,.slot b{display:block;font:clamp(13px,3.8cqw,18px) var(--font);letter-spacing:1px}.chapter-item small,.slot small{display:block;margin-top:8px;font-size:clamp(9px,2.5cqw,12px);color:var(--muted)}.chapter-item svg,.slot svg{margin-left:auto}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 24px;font-size:clamp(11px,3.2cqw,15px)}.setting small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.setting input[type=range]{width:46%;accent-color:var(--sage)}.setting input[type=checkbox]{width:19px;height:19px;accent-color:var(--sage)}.setting select{border:1px solid var(--line);padding:7px;background:#fff9ff;color:var(--ink);font-size:12px}.history-entry{border-bottom:1px solid var(--line);padding:3px 0 14px;margin-bottom:15px}.history-entry b{font:13px var(--font);color:var(--rose)}.history-entry p{font-family:var(--font);margin:8px 0 0!important}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memory{padding:0;text-align:left;overflow:hidden;border:1px solid var(--line)}.memory img{width:100%;aspect-ratio:9/12;object-fit:cover;display:block}.memory span{display:block;padding:10px;font:clamp(10px,2.8cqw,14px) var(--font)}.gallery-view img{width:100%;border-radius:2px}.gallery-view p{text-align:center}#ending{position:absolute;inset:0;background:#fff7faec;backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:20;padding:6%}#ending>svg{width:35px;height:35px;color:var(--sage);margin:25px 0 5px}#ending h2{font:clamp(20px,6cqw,33px) var(--font);letter-spacing:3px;font-weight:400}#ending p{font:clamp(12px,3.2cqw,16px)/2 var(--font);color:var(--muted);letter-spacing:1px}.end-rule{height:25px;width:1px;background:var(--rose);margin:10px}.end-note{font-size:12px!important}#ending .primary{width:80%;margin-top:15px}#ending .quiet{max-width:80%;margin-top:8px}#toast{position:absolute;bottom:calc(var(--dialog-h) + 16px);left:50%;transform:translateX(-50%);padding:12px 18px;background:#b45f8ded;color:#fff9ff;font-size:11px;letter-spacing:1px;border-radius:30px;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s;max-width:95%;text-align:center}#toast.show{opacity:1}#loading{position:absolute;inset:0;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:60}#loading p{font:14px var(--font);letter-spacing:2px}.loading-flower{font:50px var(--font);color:var(--sage);margin:20px;animation:breathe 2s infinite}.load-track{width:150px;height:2px;background:var(--line);margin-top:18px}.load-track i{display:block;width:0;height:100%;background:var(--rose);transition:width .2s}#retry{padding:12px 25px;border:1px solid var(--line);margin-top:20px}@keyframes breathe{50%{opacity:.4;transform:translateY(3px)}}@media(max-height:650px){:root{--dialog-h:35dvh}.brand{top:12px}.title-copy{top:12%}.title-menu{top:calc(65dvh - 12dvh)}h1{margin:9px 0}.primary{padding:10px 12px}.quiet{padding:8px 4px}.title-footer{padding-top:8px;padding-bottom:9px}.reader-top{padding-top:9px}#dialogue{padding:10px 5% 10px}.reader-actions{gap:4px}.reader-actions button{padding:3px 0}.chapter-progress{display:none}#text-next{padding-top:10px}.reader-bottom{padding-top:5px}.menu-row{padding-top:5px}#ending p{margin:6px 0}.end-rule{height:10px;margin:4px}#ending>svg{margin:8px 0 0}}@container(max-width:280px){.brand em,.eyebrow,.tagline,.title-footer>span{display:none}.reader-actions button{flex-direction:column;gap:0}.chapter-label b{letter-spacing:0}.reader-top{gap:4px}.title-menu{width:80%;left:10%}.title-footer{font-size:8px}#choices{padding:10px}.setting small{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body.reduced-motion *{animation:none!important;transition:none!important}.language-select{border:1px solid var(--line);background:#fff8fce8;color:var(--ink);border-radius:5px;padding:6px 8px;font-size:clamp(9px,2.6cqw,12px)}#title-language{position:absolute;right:5%;top:max(18px,env(safe-area-inset-top));max-width:33%}#speaker[data-person=shio]{color:#7773ae}#speaker[data-person=satou]{color:#c87eaa}html[lang=ja]{--font:"Noto Serif CJK JP","Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK SC",serif}html[lang=ja] .reader-actions button{letter-spacing:0;font-size:clamp(7px,2.25cqw,11px)}.primary{position:relative;padding-left:40px;padding-right:40px}.primary>span{width:100%}.primary svg{position:absolute;left:16px}.primary svg:last-child{left:auto;right:16px}#modal-body>.primary{width:100%;margin:14px auto 0}.locked-picture{aspect-ratio:9/12;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f9e5f0,#eae6fa);color:var(--muted)}.title-copy{top:clamp(52px,8.5dvh,96px);padding:0 5%;width:100%}.title-copy h1{font-family:Georgia,Baskerville,"Palatino Linotype","Times New Roman",serif;font-size:clamp(16px,7.6cqw,42px);font-weight:400;line-height:1.1;letter-spacing:.045em;white-space:nowrap;color:#a64e79;margin:0 0 8px;text-shadow:0 2px 12px #fff}.story-subtitle{font:italic clamp(9px,3cqw,16px)/1.2 Georgia,Baskerville,serif;letter-spacing:.04em;color:#925570;margin:0;text-shadow:0 1px 9px #fff}.title-menu{top:70%;width:68%;left:16%}#ending{opacity:0;transition:opacity .9s ease;background:var(--paper);backdrop-filter:none;pointer-events:none}#ending.show{opacity:1;pointer-events:auto}#reader,#stage{transition:opacity 1.6s ease}body.ending-out #reader,body.ending-out #stage{opacity:0;pointer-events:none}#ending>*{opacity:0;transform:translateY(8px);transition:opacity .85s ease,transform .85s ease}#ending.show>*{opacity:1;transform:translateY(0)}#ending.show>h2{transition-delay:.08s}#ending.show>p{transition-delay:.14s}#ending.show>button{transition-delay:.22s}@media(max-height:650px){.title-menu{top:64%}}@container(max-width:280px){.title-menu{width:80%;left:10%}}