:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--surface:#17171b;--surface-2:#202024;--border:#2c2c31;--text:#f2f2f4;--text-dim:#9a9aa2;--accent:#ff6b35;--danger:#ff5d5d}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100dvh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}button,input{font-family:inherit}.bookshelf{max-width:880px;padding:28px 22px max(28px, env(safe-area-inset-bottom));margin:auto}.library-header{align-items:center;gap:14px;margin:16px 0;display:flex}h1{letter-spacing:-.7px;margin:4px 0;font-size:28px}.eyebrow{letter-spacing:1.8px;color:var(--accent);margin:0;font-size:10px;font-weight:700}.muted{color:var(--text-dim);font-size:14px;line-height:1.6}button{cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:#1a0c04;border-color:var(--accent);min-height:48px;font-weight:700}.book-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px;display:grid}.book-card{text-align:left;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.book-card h2{margin:0;font-size:20px}.book-card p{color:var(--text-dim);margin:0}.book-art{color:#ffad7e;background:linear-gradient(140deg,#573629,#231e26);border-radius:12px;place-items:center;width:100%;height:140px;margin-bottom:8px;font-size:48px;display:grid}.resume{color:var(--accent);margin-top:8px;font-size:13px}.empty{color:var(--text-dim);padding:50px 10px}.empty h2{color:var(--text)}.sign-out{color:var(--text-dim);background:0 0;border:0;margin:40px auto 0;display:block}.back{color:var(--accent);background:0 0;border:0;padding-left:0}.add-book{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:28px;padding:22px}fieldset{border:0;min-width:0;padding:0}label{margin:18px 0;font-size:14px;display:block}label span{color:var(--text-dim)}input:not([type=range]){background:var(--bg);width:100%;min-height:48px;color:var(--text);border:1px solid var(--border);border-radius:8px;margin-top:8px;padding:12px;font-size:16px;display:block}.segmented,.actions{flex-wrap:wrap;gap:8px;display:flex}.segmented [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.file-list{overflow-wrap:anywhere;max-height:220px;font-size:13px;line-height:1.8;overflow:auto}.error{color:var(--danger)}.youtube-player iframe{aspect-ratio:16/9;border:0;border-radius:16px;width:100%;min-height:220px}.youtube-player{margin-top:20px}