:root{--bg: #0f0f0f;--bg-2: #181818;--fg: #f2f2f5;--fg-dim: #9a9aa4;--accent: #e50914;--accent-green: #46d369;--border: #222228;--topnav-h: 72px;--tile-w: 136px;--tile-h: 204px;--rail-gap: 8px;--rail-pad-x: 16px}@media (min-width: 640px){:root{--tile-w: 160px;--tile-h: 240px;--rail-gap: 10px;--rail-pad-x: 32px}}@media (min-width: 1024px){:root{--tile-w: 190px;--tile-h: 285px;--rail-gap: 12px;--rail-pad-x: 48px}}@media (min-width: 1440px){:root{--tile-w: 220px;--tile-h: 330px}}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;background:var(--bg);overflow:hidden}body{color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100%;width:100%;max-width:none;margin:0;position:relative;background:var(--bg)}.app-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0px);scrollbar-width:none;-ms-overflow-style:none}.app-main::-webkit-scrollbar{width:0;height:0;display:none}.topnav{position:sticky;top:0;height:var(--topnav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--rail-pad-x);background:linear-gradient(to bottom,#000000f2 60%,#0000008c);border-bottom:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.topnav__left{display:flex;align-items:center;gap:28px;min-width:0}.topnav__logo{font-size:26px;font-weight:900;letter-spacing:-.03em;color:var(--accent);text-decoration:none;flex:0 0 auto}.topnav__links{display:flex;gap:22px}.topnav__link{color:var(--fg);text-decoration:none;font-size:14px;font-weight:500;opacity:.78;position:relative;padding:6px 0;transition:opacity .15s ease}.topnav__link:hover{opacity:1}.topnav__link--active{opacity:1;font-weight:700}.topnav__link--active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--accent);border-radius:2px}.topnav__right{display:flex;align-items:center;gap:12px}.topnav__hamb{display:none;background:none;border:none;color:var(--fg);font-size:22px;cursor:pointer;padding:6px 8px}.topnav__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6d3df5,#2c5fe8);display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;text-decoration:none;border:1px solid rgba(255,255,255,.1)}.topnav__avatar:hover{filter:brightness(1.15)}.topnav__sheet{display:none}@media (max-width: 639px){.topnav{gap:8px}.topnav__links{display:none}.topnav__hamb{display:inline-flex}.topnav__sheet{display:flex;flex-direction:column;position:absolute;top:var(--topnav-h);left:0;right:0;background:#0a0a0a;border-bottom:1px solid var(--border);padding:8px 0;z-index:29}.topnav__sheetLink{color:var(--fg);text-decoration:none;padding:12px var(--rail-pad-x);font-size:15px;border-bottom:1px solid rgba(255,255,255,.04)}.topnav__sheetLink--active{color:var(--accent);font-weight:700}}.screen{padding:16px 0 24px}.screen__hd{padding:6px var(--rail-pad-x) 14px}.screen__hd h1{font-size:24px;margin:0;letter-spacing:-.02em}.screen__sub{color:var(--fg-dim);font-size:13px;margin-top:2px}.screen__empty{color:var(--fg-dim);font-size:14px;padding:8px 4px}.screen__ft{margin-top:32px;color:var(--fg-dim);font-size:11px;padding:0 4px}.search{width:100%;padding:10px 12px;border-radius:10px;background:var(--bg-2);border:1px solid var(--border);color:var(--fg);font-size:15px}.error{background:#2a0c0e;color:#ffb0b4;padding:8px 12px;border-radius:8px;margin:0 var(--rail-pad-x) 12px;font-size:13px}.rail{margin:18px 0 26px;position:relative}.rail__hd{display:flex;align-items:baseline;justify-content:space-between;padding:0 var(--rail-pad-x) 10px;gap:12px}.rail__title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}@media (min-width: 1024px){.rail__title{font-size:1.6rem}}.rail__seeAll{font-size:12px;color:var(--fg-dim);text-decoration:none;white-space:nowrap}.rail__seeAll:hover{color:var(--fg)}.rail__wrap{position:relative}.rail__arrow{position:absolute;top:8px;bottom:44px;width:var(--rail-pad-x);min-width:44px;display:grid;place-items:center;border:none;background:linear-gradient(to right,#000000d9,#00000040);color:var(--fg);font-size:32px;font-weight:700;cursor:pointer;z-index:5;opacity:1;transition:opacity .18s ease,background .18s ease}.rail__arrow:hover{filter:brightness(1.3)}.rail__arrow--l{left:0}.rail__arrow--r{right:0;background:linear-gradient(to left,#000000d9,#00000040)}.rail__arrow--hidden{opacity:0;pointer-events:none}@media (hover: hover) and (min-width: 1024px){.rail__arrow{opacity:0}.rail__wrap:hover .rail__arrow,.rail__wrap:focus-within .rail__arrow{opacity:1}.rail__wrap:hover .rail__arrow--hidden,.rail__wrap:focus-within .rail__arrow--hidden{opacity:0}}.rail__track{display:flex;flex-wrap:nowrap;gap:var(--rail-gap);overflow-x:auto;overflow-y:visible;padding:8px var(--rail-pad-x) 36px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.rail__track::-webkit-scrollbar{display:none}.rail__track>*{scroll-snap-align:start;flex:0 0 auto}.rail__skelCard{flex:0 0 auto;width:var(--tile-w);height:var(--tile-h);border-radius:8px;background:linear-gradient(90deg,#1b1b22,#26262f,#1b1b22);background-size:200% 100%;animation:railSkel 1.2s linear infinite}@keyframes railSkel{0%{background-position:200% 0}to{background-position:-200% 0}}.rail__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile-w),1fr));gap:12px;padding:2px 16px}.rail__skel{color:var(--fg-dim);padding:20px 16px}.tile{flex:0 0 auto;width:var(--tile-w);display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;transition:transform .18s ease,z-index 0ms linear .18s;will-change:transform}@media (hover: hover) and (min-width: 1024px){.tile:hover,.tile:focus-visible{transform:scale(1.12);z-index:4;transition:transform .18s ease,z-index 0ms linear 0ms}.tile:hover .tile__cover,.tile:focus-visible .tile__cover{box-shadow:0 12px 28px #0009;border-color:#3a3a46}}.tile__cover{position:relative;width:var(--tile-w);height:var(--tile-h);border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#2a2a35,#15151c);border:1px solid var(--border);transition:box-shadow .18s ease,border-color .18s ease}.tile__cover img{width:100%;height:100%;object-fit:cover;display:block}.tile__gradient{position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(to top,#000000a6,#0000);pointer-events:none}.tile__top10{position:absolute;top:6px;right:6px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 6px;border-radius:3px;text-transform:uppercase}.tile__recent{position:absolute;left:0;bottom:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 10px 3px 8px;border-radius:0 12px 12px 0;text-transform:uppercase}.tile__meta{font-size:12px;line-height:1.3}.tile__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg)}.tile__author{color:var(--fg-dim);font-size:11px}.tile__price{display:flex;align-items:center;gap:6px;margin-top:2px}.tile__our{color:var(--fg);font-weight:600}.tile__std{color:var(--fg-dim);text-decoration:line-through;font-size:11px}.tile__off{color:var(--accent);font-size:11px;font-weight:600}.debug{background:var(--bg-2);border:1px solid var(--border);padding:8px;border-radius:6px;font-size:10px;overflow-x:auto;white-space:pre-wrap;color:var(--fg-dim);margin-top:6px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;padding:4px}.kv dt{color:var(--fg-dim)}.kv dd{margin:0;word-break:break-all}.reader{display:flex;flex-direction:column;min-height:100%;background:var(--bg);color:var(--fg)}.reader--state{padding:12px;gap:16px}.reader__bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);position:sticky;top:0;z-index:2}.reader__back,.reader__back2{background:none;border:1px solid var(--border);color:var(--fg);padding:6px 10px;border-radius:8px;font-size:13px;text-decoration:none;cursor:pointer}.reader__progress{flex:1;height:4px;background:var(--bg-2);border-radius:2px;overflow:hidden}.reader__progressFill{height:100%;background:var(--accent);transition:width .18s ease-out}.reader__audio{background:var(--bg-2);border:1px solid var(--border);color:var(--fg);width:36px;height:36px;border-radius:18px;display:grid;place-items:center;font-size:16px;cursor:pointer}.reader__audio--on{background:var(--accent);border-color:var(--accent)}.reader__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;min-height:360px;-webkit-user-select:none;user-select:none;touch-action:pan-y}.reader__card{background:#fafafa;color:#111;border-radius:14px;box-shadow:0 8px 24px #0006;padding:22px 22px 26px;max-width:440px;width:100%;cursor:grab;will-change:transform}.reader__card:active{cursor:grabbing}.reader__meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.reader__chip{background:#eee;color:#333;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600}.reader__chip--dim{background:#fafafa;color:#888;border:1px solid #ddd}.reader__speaker{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.reader__body{font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.55;color:#111}.reader__ctrls{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-2)}.reader__btn{background:var(--bg-2);color:var(--fg);border:1px solid var(--border);padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.reader__btn:disabled{opacity:.35;cursor:default}.reader__count{text-align:center;color:var(--fg-dim);font-size:12px}.reader__paywall{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:22px;max-width:440px;width:100%;text-align:center}.reader__paywall h2{margin:0 0 8px;font-size:20px}.reader__paywallPrice{font-size:16px;margin:16px 0}.reader__paywallStd{text-decoration:line-through;color:var(--fg-dim);margin:0 8px}.reader__paywallOff{color:var(--accent);font-weight:700}.reader__buy{display:block;width:100%;background:var(--accent);color:#fff;border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;margin-top:12px}.reader__buy:disabled{opacity:.7;cursor:default}.reader__skel,.reader__err{color:var(--fg-dim);padding:24px}.reader__err{color:#ffb0b4}.bookpg{padding:24px var(--rail-pad-x) 48px;max-width:960px;margin:0 auto}.bookpg__hero{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media (min-width: 640px){.bookpg__hero{grid-template-columns:220px 1fr;gap:32px}}@media (min-width: 1024px){.bookpg__hero{grid-template-columns:280px 1fr}}.bookpg__coverWrap{width:100%;max-width:260px;margin:0 auto;aspect-ratio:2 / 3;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#2a2a35,#15151c);border:1px solid var(--border);box-shadow:0 12px 32px #00000080}.bookpg__cover{width:100%;height:100%;object-fit:cover;display:block}.bookpg__title{font-size:28px;line-height:1.1;margin:0 0 6px;letter-spacing:-.02em}@media (min-width: 1024px){.bookpg__title{font-size:40px}}.bookpg__author{color:var(--fg-dim);font-size:16px;margin:0 0 12px}.bookpg__stats{color:var(--fg-dim);font-size:13px;margin:0 0 16px}.bookpg__price{display:flex;gap:10px;align-items:center;margin:0 0 18px;font-size:16px}.bookpg__our{font-weight:700}.bookpg__std{color:var(--fg-dim);text-decoration:line-through;font-size:14px}.bookpg__off{color:var(--accent);font-weight:700}.bookpg__blurb{color:#c8c8d4;font-size:15px;line-height:1.5;margin:0 0 22px}.bookpg__cta{display:flex;flex-wrap:wrap;gap:10px}.bookpg__btn{display:inline-block;padding:12px 20px;border-radius:6px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;border:none}.bookpg__btn--primary{background:var(--fg);color:#111}.bookpg__btn--primary:hover{background:#d4d4dc}.bookpg__btn--ghost{background:#ffffff14;color:var(--fg);border:1px solid var(--border)}.bookpg__btn--ghost:disabled{opacity:.5;cursor:default}.bookpg__about{margin-top:48px;color:var(--fg-dim);max-width:720px}.bookpg__about h2{color:var(--fg);font-size:18px;margin:0 0 8px}.bookpg__about p{font-size:14px;line-height:1.6;margin:0}