:root{color:#f5f0e8;background:#111;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.novel-screen{--scene-background: url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=80);position:relative;min-height:100vh;overflow:hidden;cursor:pointer;background:linear-gradient(#141c2638,#05080cad),var(--scene-background) center / cover}.novel-screen:focus-visible{outline:3px solid #9fd2ff;outline-offset:-8px}.scene-tint{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#00000014,#00000057 72%),#080c122e}.library-panel{position:absolute;top:min(4vw,32px);left:min(4vw,48px);z-index:2;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.2);background:#06090ead;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-label,.background-label{color:#f5f0e8b8;font-size:13px}.story-select,.background-select{max-width:min(64vw,360px);border:0;color:#f5f0e8;background:transparent;font:inherit;font-size:14px}.background-select{max-width:min(34vw,220px)}.story-select:focus-visible,.background-select:focus-visible{outline:2px solid #9fd2ff;outline-offset:4px}.story-select option,.background-select option{color:#111}.tool-actions{display:flex;align-items:center;gap:6px}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;place-items:center;width:44px;height:46px;border:1px solid rgba(255,255,255,.24);padding:0;color:#f5f0e8;background:#ffffff14;font:inherit;cursor:pointer}.tool-button:hover{background:#ffffff29}.tool-button:focus-visible{outline:2px solid #9fd2ff;outline-offset:3px}.tool-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.tool-label{margin-top:7px;font-size:10px;line-height:1;white-space:nowrap}.bookmark-status{min-width:7em;color:#f5f0e8ad;font-size:12px;white-space:nowrap}.message-window{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr;min-height:0;padding:clamp(96px,16vh,148px) min(8vw,96px) clamp(64px,10vh,96px);pointer-events:none}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;text-shadow:0 2px 8px rgba(0,0,0,.82),0 0 18px rgba(0,0,0,.62)}.speaker,.progress{margin:0;font-size:15px;letter-spacing:0}.speaker{min-width:0;color:#bedeffeb;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{flex-shrink:0;color:#f5f0e8ad;white-space:nowrap}.text{margin:0;align-self:start;min-height:0;width:100%;max-width:42em;height:100%;max-height:100%;overflow:hidden;font-size:28px;font-weight:700;line-height:2.05;text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.86),0 0 28px rgba(0,0,0,.72);white-space:pre-wrap;overflow-wrap:anywhere}.advance-mark{display:inline-block;width:0;height:0;margin-left:12px;vertical-align:.12em;border-top:8px solid rgba(245,240,232,.86);border-right:6px solid transparent;border-left:6px solid transparent;opacity:0}.novel-screen.is-waiting .advance-mark{opacity:1;animation:blink 1.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@media(max-width:640px){.library-panel{top:14px;right:16px;left:16px;flex-wrap:wrap}.story-select,.background-select{flex:1;max-width:none;min-width:0}.tool-actions{width:100%;justify-content:space-between}.tool-button{flex:1;height:46px;min-height:46px}.bookmark-status{width:100%;min-width:0}.message-window{padding:208px 20px 36px}.message-meta{align-items:flex-start;gap:10px;margin-bottom:16px}.speaker,.progress{font-size:13px}.text{font-size:19px;line-height:1.78}.advance-mark{margin-left:8px;border-top-width:7px;border-right-width:5px;border-left-width:5px}}