.shelf3d{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 100% at 50% 40%,#201d1b,#131211 55%,#0a0a0b)}.bgwash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;mix-blend-mode:soft-light;transition:opacity 1s ease,background-color 1.1s ease}.tint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .7s ease,background .5s ease}.bgwash.on{opacity:1}.tint.on{opacity:.5}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;text-align:center;color:#cfc7b8}.overlay>*{pointer-events:auto}.rail{position:fixed;left:0;top:0;bottom:0;width:52px;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 0}.rail .midwrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.rail .mid{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:9px;width:20px}.rail .rback{color:#b9b2a5;opacity:.85;cursor:pointer;background:none;border:none;padding:6px;display:flex}.rail .rback:hover{opacity:1;color:#fff}.rail .rback.hidden{visibility:hidden}.tick{position:relative;width:20px;height:2px;border-radius:3px;background:#d2c8b952;cursor:pointer;transition:width .12s ease,height .12s ease,background .12s ease}.tick:before{content:"";position:absolute;top:-8px;right:-20px;bottom:-8px;left:-14px}.tick.active{width:30px;background:#f4efe4;box-shadow:0 0 8px #f4efe480}.tlabel{position:absolute;left:56px;top:50%;transform:translateY(-50%) translate(-6px);white-space:nowrap;font:600 14px -apple-system,sans-serif;color:#efe9dc;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-shadow:0 1px 6px rgba(0,0,0,.85)}.hint{position:fixed;left:0;right:0;bottom:20px;z-index:15;text-align:center;pointer-events:none;font-family:-apple-system,sans-serif;font-size:12.5px;color:#7d766b}.hint b{color:#b8b0a2;font-weight:600}.panel{position:fixed;top:0;left:54vw;bottom:0;width:min(38vw,560px);z-index:12;display:flex;flex-direction:column;justify-content:center;padding:0 24px;text-align:left}.panel .pname{font-weight:600;font-size:clamp(28px,3.4vw,46px);line-height:1.05;margin-bottom:10px}.panel .pauthor{font-style:italic;color:#a79f8f;font-size:18px;margin-bottom:4px}.panel .back{display:none}.panel .ann{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.6;color:#cfc7b8;margin:14px 0 22px;max-width:520px}.panel .sub{font-size:13px;color:#a79f8f;margin:2px 0 16px}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#151310;display:flex;flex-direction:column}.reader .rtop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid rgba(210,200,185,.14);font:12.5px -apple-system,sans-serif;color:#a79f8f}.reader .rback{background:none;border:none;color:#cfc7b8;font-size:15px;cursor:pointer;padding:4px 6px;white-space:nowrap}.reader .rloc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader .rhost{flex:1;position:relative;overflow:hidden}.reader .rnav{display:flex;justify-content:center;gap:24px;padding:8px 0 calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(210,200,185,.14)}.reader .rbtn{min-width:64px;background:#f4efe414;color:#e7dfce;border:1px solid rgba(210,200,185,.2);border-radius:10px;padding:8px 18px;font-size:20px;line-height:1;cursor:pointer}.reader .rbtn:disabled{opacity:.4;cursor:default}.reader .rbtn:active{background:#f4efe429}.foot{position:fixed;left:0;right:0;bottom:8px;z-index:9}button.dl{background:#f4efe4;color:#100f0f;border:none;border-radius:999px;padding:12px 24px;font-weight:600;font-size:15px;cursor:pointer;align-self:flex-start}button.dl:disabled{opacity:.5;cursor:default}.badge{font-size:14px;color:#7fbf7f}.empty p{margin:4px 0 12px}.note{font-size:12.5px;color:#a79f8f;margin-top:10px}@media (max-width: 820px){.rail,.hint{display:none}.panel{top:auto;left:0;right:0;bottom:0;width:100%;z-index:10;justify-content:flex-start;align-items:center;text-align:center;padding:40px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(to top,#100f0ff2 65%,#100f0f00)}.panel .pname{font-size:20px;margin-bottom:2px}.panel .pauthor{font-size:14px}.panel .back{display:block;position:absolute;left:10px;top:26px;background:none;border:none;color:#cfc7b8;font-size:15px;padding:6px 8px;cursor:pointer}.panel .ann{-webkit-line-clamp:3;font-size:13px;line-height:1.45;margin:8px auto 10px;max-width:460px}.panel .sub{margin:4px 0 10px}button.dl{align-self:center;padding:8px 16px}}