*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0a0806}#c{display:block;width:100%;height:100%;touch-action:none}#loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a120c,#050403 70%);color:#e8dcc8;font-family:Georgia,Times New Roman,serif;z-index:20;transition:opacity .6s ease}#loader.fade{opacity:0;pointer-events:none}.loader-inner{text-align:center;width:min(360px,80vw)}.loader-inner h1{font-weight:400;letter-spacing:.04em;font-size:1.6rem;margin-bottom:.6rem}.loader-inner p{opacity:.7;margin-bottom:1.2rem;font-size:.95rem}.bar{height:4px;background:#2a2218;border-radius:2px;overflow:hidden}#bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#c4a574,#e8dcc8);transition:width .15s}#load-pct{margin-top:.6rem;font-size:.8rem;opacity:.6;font-family:system-ui,sans-serif}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-family:system-ui,-apple-system,sans-serif;color:#f0e6d4}#hud.hidden{display:none}#title-badge{position:absolute;top:16px;left:20px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55;font-weight:500}#book-title{position:absolute;top:16px;left:50%;transform:translate(-50%);font-family:Georgia,serif;font-size:1.05rem;text-shadow:0 2px 12px rgba(0,0,0,.8);max-width:70vw;text-align:center;opacity:0;transition:opacity .35s}#book-title.show{opacity:1}#controls{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;pointer-events:auto;background:#0c08058c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 14px;border-radius:12px;border:1px solid rgba(232,220,200,.12);max-width:96vw}#controls button{background:#e8dcc81a;border:1px solid rgba(232,220,200,.22);color:#f0e6d4;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background .15s,border-color .15s}#controls button:hover{background:#e8dcc838;border-color:#e8dcc866}#controls button:disabled{opacity:.35;cursor:default}#page-label{min-width:72px;text-align:center;font-variant-numeric:tabular-nums;font-size:.85rem;opacity:.85}#hint{position:absolute;bottom:78px;left:50%;transform:translate(-50%);font-size:.78rem;opacity:.45;text-align:center;max-width:90vw;transition:opacity .4s}#hint.dim{opacity:0}#controls.book-open #btn-close{border-color:#c88c5080}#btn-open{border-color:#c8a05a8c}#btn-open.hidden-open{display:none}@media(max-width:600px){#controls{bottom:12px;padding:8px 10px;gap:6px}#controls button{padding:7px 9px;font-size:.78rem}#hint{bottom:70px;font-size:.7rem}}#app:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.18) 100%)}#music-dock{position:absolute;top:14px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto;max-width:min(280px,calc(100vw - 32px));z-index:12}#btn-music{background:#281c12bf;border:1px solid rgba(196,165,116,.45);color:#f0e6d4;padding:8px 14px;border-radius:999px;cursor:pointer;font-size:.8rem;letter-spacing:.04em;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,border-color .15s,color .15s}#btn-music:hover{background:#3c2a1ad9;border-color:#e8dcc88c}#btn-music.on{background:#784e24d9;border-color:#e8c478b3;color:#fff8e8}#djNow{max-width:100%;font:600 11px/1.35 system-ui,-apple-system,sans-serif;color:#e8dcc8;background:#1c120ab8;border:1px solid rgba(196,165,116,.28);border-radius:8px;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}@media(max-width:600px){#music-dock{top:10px;right:10px;max-width:min(220px,calc(100vw - 24px))}#btn-music{padding:7px 12px;font-size:.75rem}#djNow{font-size:10px}}