:root{--bg: #0b0b0f;--bg2: #07070a;--fg: #f2f2f2;--muted: rgba(242, 242, 242, .65);--card: rgba(255, 255, 255, .06);--card-2: rgba(255, 255, 255, .035);--border: rgba(255, 255, 255, .12);--accent: #c9a35a;--accent-2: rgba(201, 163, 90, .22);--shadow: 0 12px 30px rgba(0, 0, 0, .45);--shadow-soft: 0 10px 22px rgba(0, 0, 0, .25);--radius: 18px;--radius-sm: 14px;--serif: ui-serif, Georgia, "Times New Roman", Times, serif;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--maxw: 1200px;--pad: 18px}.theme-parchment{--bg: #f6f0e6;--bg2: #efe5d7;--fg: #121212;--muted: rgba(18, 18, 18, .62);--card: rgba(0, 0, 0, .04);--card-2: rgba(0, 0, 0, .03);--border: rgba(0, 0, 0, .14);--accent: #7a4f2a;--accent-2: rgba(122, 79, 42, .18);--shadow: 0 12px 30px rgba(0, 0, 0, .18);--shadow-soft: 0 10px 22px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--fg);font-family:var(--sans);background:radial-gradient(1200px 600px at 20% -10%,rgba(201,163,90,.1),transparent 60%),radial-gradient(900px 500px at 85% 0%,rgba(255,255,255,.06),transparent 55%),linear-gradient(to bottom,var(--bg),var(--bg2))}.rr-wrap{min-height:100vh;width:100%;display:flex;flex-direction:column}.rr-app{min-height:100vh;display:flex;flex-direction:column}.rr-main{flex:1;padding:var(--pad);max-width:var(--maxw);width:100%;margin:0 auto}.rr-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(to bottom,#00000038,#0000);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-parchment .rr-header{background:linear-gradient(to bottom,#ffffffb8,#ffffff40)}.rr-brand{display:flex;align-items:center;gap:12px}.rr-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);font-family:var(--serif);font-size:18px;color:var(--accent)}.rr-title .rr-name{font-family:var(--serif);font-size:18px;letter-spacing:.3px}.rr-title .rr-sub{font-size:12px;color:var(--muted)}.rr-nav{display:flex;gap:10px}.rr-controls{display:flex;gap:12px;align-items:center}.rr-control{display:grid;gap:6px;font-size:12px;color:var(--muted)}.rr-control select{padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--fg)}.rr-control input[type=range]{width:140px}.rr-btn{padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(to bottom,var(--card),var(--card-2));color:var(--fg);cursor:pointer;box-shadow:0 1px #ffffff0f inset;transition:transform .12s ease,opacity .12s ease,border-color .12s ease}.rr-btn:hover{opacity:.95;transform:translateY(-1px)}.rr-btn:active{transform:translateY(0);opacity:.92}.rr-btn-accent{border-color:#c9a35a59;box-shadow:0 0 0 1px #c9a35a38 inset,0 10px 22px #0000002e}.rr-card{background:linear-gradient(to bottom,var(--card),var(--card-2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.rr-h1{font-family:var(--serif);font-size:28px;margin:0 0 6px;letter-spacing:.2px}.rr-p{margin:0;color:var(--muted);line-height:1.55}.rr-shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.rr-reader-layout{margin-top:14px;display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}img,canvas{max-width:100%}.fi-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.fi-masthead{font-family:var(--serif);font-size:34px;margin:6px 0 10px;letter-spacing:.25px}.fi-cover{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#ffffff08;box-shadow:var(--shadow-soft)}.fi-cover-mask{position:absolute;inset:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(45deg,rgba(255,255,255,.09) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.09) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.09) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.09) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;opacity:.95}.fi-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--border);background:#0000002e;padding:7px 10px;font-size:12px;color:var(--muted)}@media(max-width:1000px){.rr-header{grid-template-columns:1fr}.rr-controls{justify-content:flex-start;flex-wrap:wrap}.rr-shelf-grid{grid-template-columns:repeat(2,1fr)}.rr-reader-layout{grid-template-columns:1fr}}@media(max-width:520px){.rr-shelf-grid{grid-template-columns:1fr}}