*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#faf9f6;color:#2c2c2c;height:100vh;overflow:hidden}.hidden{display:none!important}#upload-screen{display:flex;align-items:center;justify-content:center;height:100vh}.upload-box{text-align:center;padding:3rem;border:2px dashed #ccc;border-radius:12px;background:#fff;max-width:500px}.upload-box h1{margin-bottom:.5rem;font-size:1.8rem}.upload-box p{color:#666;margin-bottom:1.5rem}.upload-box input[type=file]{display:block;margin:0 auto 1rem}#library h3{margin:1.5rem 0 .5rem;font-size:1rem;color:#555}.book-list{list-style:none;text-align:left;max-width:320px;margin:0 auto}.book-list li{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;border-bottom:1px solid #eee}.book-list .book-open{color:#4a90d9;text-decoration:none;font-size:.95rem;flex:1}.book-list .book-open:hover{text-decoration:underline}.book-list .book-delete{background:none;border:none;color:#bbb;font-size:1.2rem;cursor:pointer;padding:0 .3rem}.book-list .book-delete:hover{color:#d94a4a}#model-status{margin-top:1rem;font-size:.85rem;color:#888}#progress-bar-container{margin-top:.75rem;background:#eee;border-radius:6px;height:8px;position:relative;overflow:hidden}#progress-bar{height:100%;background:#4a90d9;border-radius:6px;width:0%;transition:width .2s}#progress-text{display:block;margin-top:.4rem;font-size:.75rem;color:#888}#reader-screen{display:grid;grid-template-columns:240px 1fr;grid-template-rows:1fr auto;height:100vh}#sidebar{grid-row:1 / 3;background:#f0eeeb;border-right:1px solid #ddd;padding:1.5rem 1rem;overflow-y:auto}#back-to-library{display:inline-block;font-size:.8rem;color:#4a90d9;text-decoration:none;margin-bottom:.75rem}#back-to-library:hover{text-decoration:underline}#sidebar h2{font-size:1rem;margin-bottom:1rem;color:#555}#chapter-list a{display:block;padding:.5rem .6rem;margin-bottom:2px;border-radius:4px;color:#333;text-decoration:none;font-size:.85rem;line-height:1.3}#chapter-list a:hover{background:#e0ddd8}#chapter-list a.active{background:#d4d0ca;font-weight:600}#content{padding:2rem 3rem;overflow-y:auto;max-width:100%}#chapter-title{font-size:1.4rem;margin-bottom:1.5rem;color:#444}#paragraphs{max-width:700px;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.7}#paragraphs p{margin-bottom:1em;padding:.2rem .4rem;border-radius:3px;transition:background-color .2s;cursor:pointer}#paragraphs p:hover{background:#f0edea}#paragraphs p.reading{background:#e8f0fe}#paragraphs .chunk{transition:background-color .15s;border-radius:2px}#paragraphs .chunk.reading{background:#e8f0fe;padding:1px 0}#tts-bar{grid-column:2;border-top:1px solid #ddd;background:#fff;padding:.7rem 2rem}.tts-controls{display:flex;align-items:center;gap:.7rem}.tts-controls select{padding:.4rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;background:#fff}.tts-controls button{padding:.4rem 1.2rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;color:#fff}#play-btn{background:#4a90d9}#play-btn:hover:not(:disabled){background:#3a7bc8}#play-btn:disabled{background:#b0c4de;cursor:default}#stop-btn{background:#d94a4a}#stop-btn:hover:not(:disabled){background:#c83a3a}#stop-btn:disabled{background:#ccc;cursor:default}#tts-status{font-size:.85rem;color:#888;margin-left:.5rem}