/* Lee (Read) — reading library. Glass surfaces, pink/violet brand. */
.lee{max-width:980px;margin:0 auto;padding:0 14px 30px}
.lee .card{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--edge);box-shadow:var(--sh);border-radius:var(--r)}
.lee-head{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.lee-head h1{margin:0 0 4px;font-size:1.6rem}.lee-head p{margin:0}
.lee-count{display:inline-block;min-width:22px;padding:0 6px;border-radius:11px;background:var(--acc);color:var(--on-acc);font-size:.75rem;line-height:20px;text-align:center}
.lee-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:none}.lee-chips::-webkit-scrollbar{display:none}
.lee-chip{flex:none;border:1px solid var(--edge);background:var(--glass-3);color:var(--tx);border-radius:999px;padding:7px 15px;font:600 .9rem var(--font);cursor:pointer;box-shadow:var(--sh-sm)}
.lee-chip.on{background:linear-gradient(135deg,var(--acc),var(--violet-soft));color:#fff;border-color:transparent}
.lee-shelf h2{font-size:1.1rem;margin:20px 4px 10px}
.lee-row{display:flex;gap:14px;overflow-x:auto;padding:4px 4px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}
.lee-card{flex:none;width:150px;scroll-snap-align:start;text-decoration:none;color:var(--tx);display:flex;flex-direction:column;gap:3px}
.lee-card-t{font-size:.92rem;line-height:1.25;margin-top:6px}.lee-card-tr{font-size:.78rem;color:var(--mut);line-height:1.2}
.lee-card-m{font-size:.75rem;color:var(--mut)}
.lee-cover{position:relative;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:linear-gradient(150deg,var(--ca),var(--cb));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;box-shadow:0 10px 24px -10px rgba(80,20,60,.55),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s}
.lee-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 50% at 20% 0%,rgba(255,255,255,.45),transparent 70%),linear-gradient(90deg,rgba(0,0,0,.18) 0 6px,transparent 6px)}
.lee-cover::after{content:"";position:absolute;right:-30%;bottom:-20%;width:90%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.12)}
.lee-card:hover .lee-cover{transform:translateY(-3px)}
.lee-cv-emoji{position:absolute;top:16%;left:50%;transform:translateX(-50%);font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));z-index:1}
.lee-cv-title{position:relative;z-index:1;font-weight:800;font-size:.95rem;line-height:1.15;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.lee-cv-author{position:relative;z-index:1;font-size:.68rem;opacity:.9}
.lee-lv{position:absolute;top:8px;right:8px;z-index:1;background:rgba(255,255,255,.88);color:#a1004e;font:800 .7rem var(--font);padding:2px 7px;border-radius:8px}
.lee-cover.big{width:190px;flex:none}.lee-cover.big .lee-cv-emoji{font-size:4rem}.lee-cover.big .lee-cv-title{font-size:1.15rem}
.lee-bar{display:block;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.lee-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--violet-soft));border-radius:3px}
.lee-back{display:inline-block;margin:6px 2px 10px;text-decoration:none;font-weight:600}
.lee-bookcard{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.lee-info{flex:1;min-width:220px}.lee-info h1{margin:8px 0 2px;font-size:1.7rem;line-height:1.15}.lee-tr-title{margin:0;color:var(--mut)}
.lee-badge{display:inline-block;background:linear-gradient(135deg,var(--acc),var(--violet-soft));color:#fff;font-weight:800;font-size:.8rem;padding:3px 10px;border-radius:999px}.lee-badge.alt{background:var(--glass-2);color:var(--violet);border:1px solid var(--edge)}
.lee-facts{list-style:none;padding:0;margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}.lee-facts li{background:var(--glass-3);border:1px solid var(--edge);padding:5px 11px;border-radius:999px;font-size:.88rem}
.lee-prog small{color:var(--mut)}.lee-prog{margin:6px 0 12px;max-width:340px}
.lee-actions{display:flex;gap:10px;flex-wrap:wrap}.lee-actions .btn{flex:1;min-width:130px;text-align:center}
.lee-words{display:flex;flex-wrap:wrap;gap:8px}.lee-wchip{border:1px solid var(--edge);background:var(--glass-2);color:var(--tx);border-radius:12px;padding:6px 11px;font:600 .9rem var(--font);cursor:pointer}.lee-wchip small{color:var(--mut);font-weight:400}
.lee-chlist{padding-left:22px;margin:0}.lee-chlist li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.lee-chlist li::marker{color:var(--acc)}
.lee-reader{max-width:720px}
.lee-rtop{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:5;padding:8px 0}
.lee-rtop .lee-back{margin:0;font-size:1.3rem;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--glass-2);border:1px solid var(--edge)}
.lee-rtitle{flex:1;min-width:0;display:flex;flex-direction:column}.lee-rtitle b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lee-rtitle small{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lee-font{display:flex;gap:4px}.lee-font button{border:1px solid var(--edge);background:var(--glass-2);color:var(--tx);border-radius:12px;padding:6px 10px;font:700 .9rem var(--font);cursor:pointer}
.lee-bookbar{height:5px;border-radius:3px;background:var(--line);overflow:hidden;margin:2px 0 12px}.lee-bookbar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--violet-soft));transition:width .3s}
.lee-page{padding:24px 22px;min-height:200px;font-size:1.2rem}
.lee-para{margin:0;line-height:1.75;font-family:Georgia,"Iowan Old Style","Times New Roman",serif;user-select:text;-webkit-user-select:text}
.lee-para .w{cursor:pointer;border-radius:4px;transition:background .15s}.lee-para .w:hover{background:var(--glow)}
.lee-para .w.ul{text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:3px;text-underline-offset:4px;background:rgba(255,77,141,.10)}
.lee-s.cur{background:linear-gradient(transparent 8%,rgba(196,181,253,.45) 8%,rgba(255,77,141,.28) 92%,transparent 92%);border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lee-trbtn{margin-top:16px;border:1px solid var(--edge);background:var(--glass-2);color:var(--violet);border-radius:999px;padding:6px 14px;font:600 .85rem var(--font);cursor:pointer}
.lee-trtext{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--glass-3);border-left:4px solid var(--violet-soft);font-size:.82em;line-height:1.55}
.lee-hint{font-size:.8rem;text-align:center;margin:10px 0}
.lee-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.lee-pn{font-weight:700;color:var(--mut);white-space:nowrap}
.lee-nav .btn[disabled]{opacity:.4;pointer-events:none}
.lee-player{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 92px);margin-top:14px;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 14px;z-index:6}
.lee-player button{border:0;background:var(--glass-2);border-radius:50%;width:46px;height:46px;font-size:1.2rem;cursor:pointer;box-shadow:var(--sh-sm)}
.lee-player .lee-playbtn{width:60px;height:60px;font-size:1.6rem;background:linear-gradient(135deg,var(--acc),var(--violet-soft))}
.lee-speed{font-size:.8rem;color:var(--mut)}.lee-speed select{font:inherit;border-radius:8px;padding:3px}
@media (min-width:900px){.lee-player{bottom:16px}}
.lee-pop{position:fixed;z-index:50;background:var(--glass-2);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);border:1px solid var(--edge);box-shadow:var(--sh);border-radius:18px;padding:12px 14px}
.lee-pop-h{display:flex;align-items:center;gap:8px}.lee-pop-h b{font-size:1.15rem;flex:1}
.lee-say,.lee-x{border:0;background:var(--glass-3);border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:1rem;color:var(--tx)}
.lee-pop-tr{margin:8px 0 10px;font-size:1rem}.lee-learn{width:100%;margin-top:4px}
.lee-ulbtn{position:fixed;z-index:51;border:0;border-radius:999px;padding:9px 15px;background:linear-gradient(135deg,var(--acc),var(--violet-soft));color:#fff;font:700 .9rem var(--font);box-shadow:var(--sh);cursor:pointer}
.lee-plist{list-style:none;padding:0;display:grid;gap:12px}.lee-plist li{margin:0}
.lee-ph-top{display:flex;align-items:center;gap:8px}.lee-ph-text{font-size:1.1rem;flex:1;text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:3px;text-underline-offset:4px}
.lee-ph-tr{margin:6px 0;color:var(--violet);font-weight:600}.lee-ph-ctx{font-family:Georgia,serif;margin:6px 0;color:var(--mut)}
.lee-ph-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.85rem}
.lee-del{border:1px solid var(--line);background:none;color:var(--bad);border-radius:10px;padding:4px 10px;cursor:pointer;font:inherit}
@media (max-width:560px){.lee-cover.big{width:140px;margin:0 auto}.lee-bookcard{flex-direction:column;align-items:stretch}.lee-info h1{font-size:1.4rem}.lee-page{padding:18px 16px}.lee-card{width:128px}}
.lee-mylv{display:flex;align-items:center;gap:8px;margin:16px 4px 0;font-size:1.05rem}
.lee-shelf-sub{margin:-6px 4px 8px;font-size:.85rem}
.lee-card.locked{background:none;border:0;padding:0;font:inherit;text-align:left;cursor:not-allowed;position:relative;opacity:.72}
.lee-card.locked .lee-cover{filter:grayscale(.85) brightness(.9)}
.lee-lock{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:2rem;z-index:2;background:var(--glass-2);border-radius:50%;width:54px;height:54px;display:grid;place-items:center;box-shadow:var(--sh-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lee-card.locked{display:flex}
.lee-pop-ctx{font-size:.82rem;margin:0 0 8px;line-height:1.4}
.lee-nav .btn{white-space:nowrap;padding-left:16px;padding-right:16px}
/* Full page: several whole paragraphs, ▶ per paragraph on the left, 🌐 on the right */
.lee-reader.full .lee-page{padding:18px 14px 20px;display:flex;flex-direction:column;gap:14px}
.lee-pblock{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:start;padding:6px 4px;border-radius:14px;transition:background .2s}
.lee-pblock.cur{background:color-mix(in srgb,var(--violet-soft) 10%,transparent)}
.lee-pplay,.lee-ptr{width:32px;height:32px;margin-top:4px;border:1px solid var(--edge);background:var(--glass-2);color:var(--violet);border-radius:50%;cursor:pointer;font-size:.85rem;display:grid;place-items:center;box-shadow:var(--sh-sm);padding:0}
.lee-pplay{color:#fff;background:linear-gradient(135deg,var(--acc),var(--violet-soft));border-color:transparent}
.lee-ptr.on{background:var(--violet-soft);color:#fff}
.lee-pbody{min-width:0}
.lee-pbody .lee-trtext{margin-top:8px}
.lee-reader.full .lee-player{position:sticky}
@media (max-width:560px){.lee-reader.full .lee-page{padding:12px 6px 16px;gap:10px}.lee-pblock{grid-template-columns:28px 1fr 28px;gap:6px}.lee-pplay,.lee-ptr{width:28px;height:28px;font-size:.75rem}}