.disc{flex-direction:column;gap:clamp(56px,6vw,80px);display:flex}.dots{z-index:2;gap:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.dots button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.dots i{background:#ffffff80;border-radius:4px;width:8px;height:8px;display:block}.dots button[aria-current=true] i{background:#fff;width:22px}.row-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.row-head h2{font-family:var(--display);letter-spacing:-1px;margin:0;font-size:clamp(32px,3.4vw,46px);font-weight:400;line-height:1}.row-head h2 em{color:var(--muted);font-style:normal}.row-head p{color:var(--muted);margin:8px 0 0;font-size:14px}.track{grid-auto-flow:column;grid-auto-columns:var(--w,168px);scroll-snap-type:x proximity;scrollbar-width:thin;gap:18px;padding:6px 2px 14px;display:grid;overflow-x:auto}.track>*{scroll-snap-align:start}.arrows{gap:6px;display:flex}.arrows button{border:1px solid var(--line-strong);background:var(--glass-bg);width:40px;height:40px;box-shadow:inset 0 1px 1px var(--glass-inset);color:var(--fg);cursor:pointer;border-radius:20px}.tile{all:unset;cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;min-width:0;display:flex}.tile:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.tile .cover{transition:transform var(--d-base) var(--ease-out),box-shadow var(--d-base) var(--ease-out),background-position 0s}.tile:hover .cover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.meta{justify-content:space-between;gap:8px;font-size:13px;display:flex}.name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.why{color:var(--muted);font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips a{color:var(--fg);align-items:center;text-decoration:none;display:inline-flex}.chips a[aria-pressed=true],.chips a[aria-current=page]{color:var(--bg)}.readers{color:var(--muted);font-size:12px;font-weight:700}.drawer{z-index:30;background:var(--scrim);justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-in{background:var(--surface);border-left:1px solid var(--line);width:min(440px,100%);height:100%;animation:dslide var(--d-base) var(--ease-out) both;flex-direction:column;gap:20px;padding:22px;display:flex;overflow:auto}@keyframes dslide{0%{opacity:.5;transform:translate(40px)}to{opacity:1;transform:none}}.statbox{background:var(--bg);border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex}.statbox .big{font-family:var(--display);color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:48px;line-height:1}.soon{position:relative}.soon:after{content:attr(data-soon);background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;top:-8px;right:-6px}@media (prefers-reduced-motion:reduce){.tile .cover,.drawer-in{transition:none;animation:none}}.book-hero{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:end;gap:clamp(28px,5vw,56px);padding-top:12px;display:grid}.book-cover .cover{width:100%}.book-cover .cover .t{font-size:clamp(24px,2.4vw,34px)}@media (max-width:720px){.book-hero{grid-template-columns:1fr}.book-cover{max-width:200px}}.book-title{font-family:var(--display);letter-spacing:-2px;text-wrap:balance;margin:0;font-size:clamp(46px,6.4vw,92px);font-weight:400;line-height:.95}.book-stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:20px 40px;margin-top:14px;padding-top:22px;display:flex}.book-stats>div{flex-direction:column;gap:4px;display:flex}.book-stats b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:44px;font-weight:400;line-height:1}.book-stats>div>span{color:var(--muted);font-size:12.5px}.synopsis{font-family:var(--read);max-width:62ch;margin:8px 0 0;font-size:19px;line-height:1.7}.chapters{flex-direction:column;max-width:860px;display:flex}.chapter{border-bottom:1px solid var(--line);color:var(--fg);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 4px;text-decoration:none;display:grid}.chapter .num{font-family:var(--display);color:var(--muted);font-size:30px}.chapter .t{font-weight:700}.chapter:hover .t{color:var(--accent-text)}.linklike{all:unset;cursor:pointer}.linklike:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.up{color:var(--up);font-weight:700}.down{color:var(--down);font-weight:700}.band{color:#f3f1ec;isolation:isolate;min-height:380px;box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.band-bg{z-index:-2;filter:blur(60px)saturate(1.15);position:absolute;inset:-60px;transform:scale(1.15)}.band-bg svg,.band-bg img{object-fit:cover;width:100%;height:100%;display:block}.band:before{content:"";z-index:-1;background:linear-gradient(90deg,#03141feb 0%,#03141fb8 50%,#03141f4d 100%);position:absolute;inset:0}.band-slide{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(24px,4vw,64px);min-height:380px;padding:clamp(28px,4vw,56px);display:grid}.band-txt{flex-direction:column;gap:14px;max-width:640px;display:flex}.band-tag{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;color:#f5b940;margin:0;font-size:11px;font-weight:700}.band-title{font-family:var(--display);letter-spacing:-1.6px;margin:0;font-size:clamp(42px,5.2vw,76px);font-weight:400;line-height:.95}.band-title em{color:#f3f1ec99;font-style:normal}.band-by{color:#f3f1ecbd;margin:0;font-size:14px}.band-by b{color:#f3f1ec}.band-ex{font-family:var(--read);color:#f3f1ece0;max-width:52ch;margin:0;font-size:18px;line-height:1.6}.band-acts{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.btn.on-dark{color:#fff;background:#ffffff0f;border-color:#ffffff59;box-shadow:inset 0 1px 1px #ffffff2e}.band-cover{justify-self:center;width:min(230px,100%);transform:rotate(2.5deg)}.band-cover .tile,.trend-cover{width:100%}.band-cover .cover{box-shadow:0 30px 60px -12px #0009}.band-ctl{align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;right:20px}.band .dots{position:static;transform:none}.band-round{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:20px;width:40px;height:40px;box-shadow:inset 0 0 0 1px #fff3}@media (max-width:760px){.band-slide{grid-template-columns:1fr;min-height:0;padding:28px 22px 68px}.band-cover{display:none}.band-ex{font-size:16px}}.trend{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.trend-first{background:var(--surface);border:1px solid var(--line);border-radius:28px;grid-template-columns:minmax(140px,210px) minmax(0,1fr);align-items:end;gap:28px;padding:28px;display:grid;position:relative}.trend-n{font-family:var(--display);color:#0000;-webkit-text-stroke:1.5px var(--line-strong);pointer-events:none;font-size:120px;line-height:1;position:absolute;top:14px;right:26px}.trend-body{flex-direction:column;gap:12px;min-width:0;display:flex}.trend-body h3{font-family:var(--display);letter-spacing:-.8px;margin:0;font-size:clamp(32px,3vw,44px);font-weight:400;line-height:1}.trend-body h3 em{color:var(--muted);font-style:normal}.trend-body a{color:var(--fg);font-weight:700}.trend-ex{font-family:var(--read);color:var(--soft);margin:0;font-size:16.5px;line-height:1.6}.trend-facts{flex-wrap:wrap;gap:26px;display:flex}.trend-facts b{font-family:var(--display);font-size:36px;font-weight:400;line-height:1;display:block}.trend-facts span{color:var(--muted);font-size:12.5px}.trend-rest{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rk{all:unset;box-sizing:border-box;cursor:pointer;width:100%;transition:background var(--d-fast);border-radius:18px;grid-template-columns:44px 52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 14px;display:grid}.rk:hover{background:var(--surface)}.rk:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rk-n{font-family:var(--display);color:var(--muted);text-align:center;font-size:46px;line-height:1}.rk .cover{border-radius:2px 6px 6px 2px;box-shadow:0 6px 14px #0000002e}.rk-t{flex-direction:column;min-width:0;display:flex}.rk-t b{line-height:1.25}.rk-t span{color:var(--muted);font-size:13px}.rk-s{text-align:right;flex-direction:column;align-items:flex-end;font-size:13px;display:flex}.rk-s b{font-family:var(--display);font-size:28px;font-weight:400;line-height:1}@media (max-width:900px){.trend{grid-template-columns:1fr}}@media (max-width:560px){.trend-first{grid-template-columns:1fr}.trend-n{font-size:96px}.trend-cover{max-width:170px}}.gems{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.quote{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);transition:transform var(--d-base) var(--ease-out),box-shadow var(--d-base) var(--ease-out);border-radius:28px;flex-direction:column;justify-content:space-between;gap:26px;padding:clamp(24px,3vw,38px);display:flex;position:relative;overflow:hidden}.quote:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.quote:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.quote:before{content:"";background:var(--q,var(--accent));width:5px;position:absolute;inset:0 auto 0 0}.quote blockquote{font-family:var(--read);color:var(--fg);margin:0;font-size:clamp(19px,1.8vw,24px);line-height:1.5}.quote.big{grid-area:span 2/span 7}.quote.big blockquote{font-size:clamp(24px,2.6vw,34px);line-height:1.42}.quote.small{grid-column:span 5}.gems-1 .quote.big{grid-area:auto/1/auto/-1}.gems-2 .quote.big,.gems-2 .quote.small{grid-row:auto}.gems-2 .quote.small{grid-column:span 5}.quote-src{align-items:center;gap:14px;display:flex}.quote-cv{flex:0 0 44px}.quote-cv .cover{border-radius:2px 6px 6px 2px;box-shadow:0 6px 14px #0003}.quote-src>span:last-child{flex-direction:column;display:flex}.quote-src span span{color:var(--muted);font-size:13px}@media (max-width:900px){.quote.big,.quote.small{grid-row:auto;grid-column:1/-1!important}}.pick{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.pick-fan{justify-self:center;width:100%;max-width:440px;height:340px;position:relative}.pick-fan .tile{width:190px;transition:transform var(--d-slow) var(--ease-out);position:absolute;top:20px;left:50%}.pick-fan.n1 .tile{transform:translate(-50%)}.pick-fan.n2 .tile:first-child{top:34px;transform:translate(-90%)rotate(-6deg)}.pick-fan.n2 .tile:nth-child(2){transform:translate(-10%)rotate(5deg)}.pick-fan.n3 .tile:first-child{top:44px;transform:translate(-118%)rotate(-9deg)}.pick-fan.n3 .tile:nth-child(2){z-index:2;transform:translate(-50%)}.pick-fan.n3 .tile:nth-child(3){top:44px;transform:translate(18%)rotate(8deg)}@media (prefers-reduced-motion:no-preference){.pick-fan.n3:hover .tile:first-child{transform:translate(-128%)rotate(-12deg)}.pick-fan.n3:hover .tile:nth-child(3){transform:translate(28%)rotate(11deg)}}.pick-note{flex-direction:column;gap:18px;display:flex}.pick-q{font-family:var(--display);letter-spacing:-.5px;margin:0;font-size:clamp(28px,2.8vw,40px);line-height:1.1}.pick-sig{align-items:center;gap:12px;margin:0;font-size:14px;display:flex}.pick-av{color:#f5b940;width:36px;height:36px;font-weight:800;font-family:var(--font-brand),var(--body);background:#123a50;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.pick-titles{flex-wrap:wrap;gap:8px;display:flex}.pick-titles .chip{min-height:34px;font-size:13.5px}@media (max-width:860px){.pick{grid-template-columns:1fr}.pick-fan{height:300px}.pick-fan .tile{width:160px}}@media (max-width:560px){.pick-fan{height:250px}.pick-fan .tile{width:128px}}.shelves{flex-direction:column;gap:30px;display:flex}.shelf{border-top:1px solid var(--line);padding-top:26px}.shelf:first-child{border-top:0;padding-top:0}.shelf .row-head h2{font-size:32px}.shelf .row-head h2 span{font-family:var(--body);color:var(--muted);letter-spacing:0;margin-left:10px;font-size:13px}.arrows[hidden]{display:none}