:root{--bg:#1d1b2e;--panel:#28253d;--fg:#f5f2ea;--muted:#a9a4bd;--accent:#ffb347;--ok:#7bd88f;--warn:#ff7a7a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:clamp(17px,calc(10px + 1.4vmin),26px)/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}button{font:inherit;border:0;border-radius:999px;padding:.8em 1.6em;cursor:pointer;background:var(--accent);color:#222;font-weight:600;touch-action:manipulation}button.ghost{background:#ffffff24;color:var(--fg)}button:disabled{opacity:.35}.screen{position:fixed;inset:0;display:none}.screen.on{display:flex}.center{flex-direction:column;align-items:center;justify-content:center;gap:1.2em;padding:24px;text-align:center}h1{font-size:2.2em;margin:0}p{margin:0;color:var(--muted);max-width:28em}#linkbox{word-break:break-all;font-size:.75em;color:var(--muted);max-width:30em}#call{background:#000}#stage{position:relative;flex:1;min-width:0;min-height:0;background:#000}#remote{width:100%;height:100%;object-fit:contain;background:#000;display:block}#self{position:absolute;right:12px;bottom:12px;width:20vmin;max-width:220px;border-radius:12px;transform:scaleX(-1);object-fit:cover;aspect-ratio:3/4;background:#222;box-shadow:0 2px 12px #0008}#status{position:absolute;left:12px;top:calc(12px + env(safe-area-inset-top));padding:.3em .8em;border-radius:999px;background:#0009;font-size:.8em}#status.ok{color:var(--ok)}#status.warn{color:var(--warn)}#waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em;padding:16px 16px 30vmin;text-align:center;font-size:1.3em;color:var(--muted);pointer-events:none}#waiting p{margin:0;max-width:24em}#waiting .small{font-size:.65em}#waiting button{pointer-events:auto;font-size:.8em}#waiting #linkbox{pointer-events:auto;user-select:all}button.big{font-size:1.4em;padding:.8em 2.4em}#moved p{max-width:24em;text-align:center;color:var(--muted);margin:0}#bar{position:absolute;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px}#bar button{padding:.5em 1em;font-size:.85em}#bar button.off{background:var(--warn);color:#222}#pageBadge{position:absolute;left:12px;top:calc(2.6em + env(safe-area-inset-top));padding:.3em .8em;border-radius:999px;background:#0009;font-size:.8em;color:var(--muted)}#book{display:flex;flex:1;flex-direction:column;background:var(--panel);min-width:0;min-height:0;container-type:inline-size}#call.reader{flex-direction:row}#call.reader #stage{flex:0 0 52%}#bookHead{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #fff1}#bookTitle{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bookHead button{padding:.4em 1em;font-size:.8em}#reader{flex:1;display:flex;flex-direction:column;min-height:0}#pageImg{display:block;height:30vh;width:auto;max-width:calc(100% - 24px);margin:12px auto 0;border-radius:8px;object-fit:contain}#textWrap{flex:1;position:relative;min-height:0;display:flex}#textWrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5em;pointer-events:none;background:linear-gradient(transparent,var(--panel));opacity:0;transition:opacity .2s}#moreCue{position:absolute;right:16px;bottom:4px;font-size:.8em;color:var(--accent);opacity:0;transition:opacity .2s;pointer-events:none;z-index:1}#textWrap.more:after,#textWrap.more #moreCue{opacity:1}.said{font-weight:500}#pageNote{color:var(--accent);text-align:center;font-size:.9em;margin-top:8px}#pageText{flex:1;overflow:auto;padding:12px 20px;line-height:1.35;white-space:pre-line}#nav{display:flex;gap:12px;padding:10px 14px;align-items:center}#nav button{flex:1;font-size:1.3em;padding:.5em}#pageNum{color:var(--muted);min-width:4.5em;text-align:center}#strip{display:flex;gap:8px;overflow-x:auto;padding:8px 14px 14px;scroll-snap-type:x proximity}#strip img{height:clamp(44px,9vmin,96px);border-radius:6px;border:3px solid transparent;cursor:pointer;scroll-snap-align:center}#strip img.cur{border-color:var(--accent)}#shelf{flex:1;overflow:auto;padding:0 16px 16px;max-width:none}#shelf .mini-shelf{max-width:none;grid-template-columns:repeat(auto-fill,minmax(7.5em,1fr))}#shelf .mini-shelf img{height:9em}#shelfMsg{padding:16px;color:var(--muted)}.mini-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(6em,1fr));gap:.7em;width:100%;max-width:30em}.library{width:100%;max-width:32em;text-align:left}#start{justify-content:safe center}#start .library input{box-shadow:0 0 0 6px var(--bg)}#start{overflow:auto;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.library h3{font-size:.8em;color:var(--muted);font-weight:600;margin:.9em 0 .4em;text-transform:uppercase;letter-spacing:.04em}.library h3:empty{display:none}.library input{position:sticky;top:0;z-index:2;box-shadow:0 0 0 6px var(--panel);width:100%;font:inherit;padding:.5em .9em;border-radius:999px;border:0;margin-top:.6em;background:#3a3752;color:var(--fg)}.mini-shelf button{position:relative;background:none;padding:6px;border-radius:12px;color:var(--fg);font-weight:500;font-size:.75em;border:3px solid transparent}.mini-shelf button.cur{border-color:var(--accent)}.pickNum{position:absolute;top:2px;right:2px;background:var(--accent);color:#222;border-radius:999px;min-width:1.6em;height:1.6em;line-height:1.6em;font-size:.85em;font-weight:700}.mini-shelf img{width:100%;height:6.5em;object-fit:contain;display:block;margin-bottom:4px}.row{display:flex;gap:.6em;flex-wrap:wrap;justify-content:center}#lastCall{display:flex;flex-direction:column;align-items:center;gap:.5em}button.small{font-size:.8em;padding:.5em 1.2em}button.danger{color:var(--warn)}.overlay{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:10;padding:16px}.overlay.on{display:flex}.sheet{background:var(--panel);border-radius:16px;padding:1.2em;width:100%;max-width:28em;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:.8em}.sheet h2{margin:0;font-size:1.2em}.sheet label{display:flex;flex-direction:column;gap:.3em;font-size:.85em;color:var(--muted)}#readersRow{display:flex;flex-direction:column;align-items:center;gap:.5em}.chip{background:#ffffff24;color:var(--fg);padding:.45em 1.1em;font-weight:600;border:2px solid transparent}.chip.cur{background:var(--accent);color:#222}.chip.add{background:none;border:2px dashed #fff4;color:var(--muted)}.sheet textarea,.sheet input{font:inherit;font-size:1.1em;padding:.5em .8em;border-radius:10px;border:0;background:#3a3752;color:var(--fg)}.sheet summary{color:var(--muted);font-size:.85em;cursor:pointer}.sheet details label{margin-top:.6em}#pickerSheet{background:var(--panel);border-radius:16px;padding:1em;width:100%;max-width:32em;max-height:90vh;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:14px}#pickerSheet h2{margin:0;font-size:1.2em}#childNav{position:absolute;right:12px;top:calc(12px + env(safe-area-inset-top));display:flex;gap:8px}#childNav button{padding:.35em .9em;font-size:.85em}@media (orientation: portrait){#call.reader{flex-direction:column}#call.reader #stage{flex:0 0 36%}#pageImg{height:20vh}}@media (orientation: portrait) and (max-width: 600px){#call.reader #stage{flex:0 0 34%}#self{width:22vmin}#pageImg{height:15vh;margin-top:8px}#pageText{padding:8px 16px}#nav{padding:6px 12px}#nav button{font-size:1.05em;padding:.35em}#strip{padding:4px 12px 10px}#strip img{height:44px}#bookHead{padding:6px 12px}}@media (orientation: landscape) and (max-height: 500px){#call.reader #stage{flex:0 0 50%}#self{width:18vmin}#pageImg{display:none}#pageText{padding:8px 16px}#nav{padding:4px 12px}#nav button{font-size:1em;padding:.3em}#strip{padding:2px 12px 6px}#strip img{height:40px}#bookHead{padding:4px 12px}#bar button{font-size:.75em}}.warn{color:var(--warn)}.addReader input{font:inherit;font-weight:600;padding:.45em 1em;border-radius:999px;border:2px solid var(--accent);background:#3a3752;color:var(--fg);width:9em}#pickerSheet .library{max-width:none}p.small{font-size:.8em}.named{font-weight:500}.storyCount{display:block;font-size:.85em;color:var(--muted)}.stories .back{margin:.6em 0 .2em}.storyList{display:flex;flex-direction:column;gap:.4em}.storyList button{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:1em;text-align:left;background:#ffffff14;color:var(--fg);border-radius:12px;padding:.7em 1em;border:3px solid transparent;font-weight:500}.storyList button.cur{border-color:var(--accent)}.storyPages{color:var(--muted);font-size:.8em;white-space:nowrap}.storyList .pickNum{top:-.5em;right:-.5em}#nextStory{margin:0 14px 4px}#viewer{padding:0;background:var(--bg)}#book.viewer{position:absolute;inset:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#book.viewer #pageImg{height:44vh}#bookHead #downloadBtn,#bookHead #viewerClose{white-space:nowrap}#tapToPlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}
/*# sourceMappingURL=app.css.map */