:root{color-scheme:dark;--bg: #16130f;--surface: #221e19;--text-bg: #2a241c;--fg: #f6f1e7;--muted: #b5a998;--accent: #e8a54b;--accent-ink: #1a140c;--button: #3a3228;--button-hover: #4d4336;--border: #3d3428;--danger: #d4654f;--shadow: 0 18px 50px rgba(0, 0, 0, .28);font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,rgba(232,165,75,.16),transparent 55%),var(--bg);color:var(--fg)}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}.shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:28px;padding:22px 32px 0}.brand{font-family:Georgia,serif;font-size:28px;text-decoration:none;letter-spacing:-.03em}.nav{display:flex;gap:18px;flex:1}.nav a,.account a{color:var(--muted);text-decoration:none}.nav a.active,.account a:hover,.nav a:hover{color:var(--fg)}.account{display:flex;align-items:center;gap:14px}.who{color:var(--muted)}.page{width:min(1080px,calc(100% - 64px));margin:36px auto 64px}app-marketplace,app-library,app-login,app-register,app-reader{display:flex;flex-direction:column;gap:28px}.hero,.panel{display:flex;flex-direction:column;gap:14px}.hero h1,.panel h1,.reader h1{margin:0;font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-.03em;line-height:1.15}.lede{margin:0;max-width:62ch;color:var(--muted);line-height:1.6}.toolbar,.upload,.card,.auth,.reader-sheet,.notice{background:#221e19eb;border:1px solid var(--border);border-radius:18px}.toolbar,.upload,.auth,.reader-sheet{padding:16px}.toolbar{display:block;margin:0}.toolbar input,.field input,.field textarea{width:100%;border:0;border-radius:12px;background:var(--text-bg);padding:12px 14px;outline:2px solid transparent}.toolbar input:focus,.field input:focus,.field textarea:focus{outline-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card{padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.kind{margin:0;color:var(--accent);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.card h2{margin:0;font-size:22px;font-family:Georgia,serif;font-weight:400;line-height:1.3}.meta,.hint,.status{margin:0;color:var(--muted);line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px}.button,.text-button{border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);text-decoration:none;padding:10px 16px;cursor:pointer;font-weight:650}.button.ghost,.text-button{background:var(--button);color:var(--fg)}.button:hover,.text-button:hover{background:var(--button-hover);color:var(--fg)}.button:not(.ghost):hover{background:#f0b86a;color:var(--accent-ink)}.button:disabled{opacity:.55;cursor:default}.upload{margin:0;display:grid;gap:16px}.fields{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:end}.field{display:grid;gap:6px}.field span,.auth label span{color:var(--muted);font-size:13px}.file input{padding:9px}.auth{width:min(440px,100%);margin:0;display:grid;gap:16px}.auth h1{font-size:36px}.auth form,.reader{display:grid;gap:14px}.switch{color:var(--muted)}.switch a{color:var(--accent)}.notice{margin:0;padding:14px 16px;color:#ffd0c6;line-height:1.5}.empty{margin:0;padding:8px 0 28px;color:var(--muted);line-height:1.5}.reader-sheet{display:grid;gap:16px}.passage{margin:0;white-space:pre-wrap;font-family:Georgia,serif;font-size:20px;line-height:1.55;cursor:text}.passage mark{background:var(--accent);color:var(--accent-ink);border-radius:4px;padding:0 2px}.passage mark.place{background:#e8a54b59;color:inherit}.transport{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.voice{display:grid;gap:6px;min-width:min(280px,100%)}.voice select{width:100%;border:0;border-radius:12px;background:var(--text-bg);padding:12px 14px;outline:2px solid transparent}.voice select:focus{outline-color:var(--accent)}@media(max-width:800px){.topbar,.page{width:auto}.topbar{padding:18px 16px 0;flex-wrap:wrap;gap:12px}.page{margin:28px 16px 48px}.fields{grid-template-columns:1fr}.hero h1,.panel h1{font-size:34px}}