.oll-library,.oll-viewer{--oll-accent:#f97316;font-family:Inter,system-ui,sans-serif}.oll-archive{padding:38px 18px;background:#f8fafc}.oll-library{max-width:1240px;margin:auto}.oll-hero{padding:46px;border-radius:30px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 25px 65px #0f172a25}.oll-hero span{color:var(--oll-accent);font-weight:900;letter-spacing:.08em}.oll-hero h2{color:#fff;font-size:clamp(34px,5vw,58px);margin:10px 0}.oll-hero p{color:#cbd5e1;font-size:18px}.oll-tools{margin:22px 0;padding:15px;background:#fff;border:1px solid #e2e8f0;border-radius:20px}.oll-search{width:100%;height:48px;border:1px solid #e2e8f0;border-radius:14px;padding:0 14px}.oll-filters{display:flex;gap:8px;overflow:auto;margin-top:12px}.oll-filters button{border:1px solid #e2e8f0;border-radius:999px;background:#fff;padding:9px 13px;font-weight:800;white-space:nowrap}.oll-filters button.active{background:var(--oll-accent);border-color:var(--oll-accent);color:#fff}.oll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.oll-card{overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 14px 35px #0f172a12}.oll-card[hidden]{display:none}.oll-cover{position:relative;display:block;aspect-ratio:16/10;background:#111827}.oll-cover img{width:100%;height:100%;object-fit:cover}.oll-placeholder{display:grid;place-items:center;height:100%;color:#fff;font-size:52px;font-weight:900}.oll-cover b{position:absolute;left:12px;top:12px;background:#0f172ad9;color:#fff;border-radius:999px;padding:6px 9px;font-size:11px}.oll-body{padding:19px}.oll-body small{color:var(--oll-accent);font-weight:900}.oll-body h3{font-size:21px;margin:7px 0}.oll-body h3 a{color:#0f172a;text-decoration:none}.oll-body p{color:#64748b;min-height:60px}.oll-body>div{display:flex;justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:14px}.oll-body>div a{color:var(--oll-accent);font-weight:900;text-decoration:none}.oll-empty{grid-column:1/-1;padding:40px;background:#fff;border-radius:20px;text-align:center}.oll-viewer{max-width:1440px;margin:28px auto;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 25px 65px #0f172a25}.oll-top{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;background:#0f172a;color:#fff;padding:13px 16px}.oll-top a{color:#cbd5e1;text-decoration:none}.oll-top strong{text-align:center}.oll-top button,.oll-toolbar button{border:1px solid #dbe3ef;border-radius:9px;background:#fff;padding:8px 10px;font-weight:800}.oll-top button{background:#ffffff14;color:#fff;border-color:#ffffff33}.oll-toolbar{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;padding:12px;border-bottom:1px solid #e2e8f0}.oll-toolbar input{width:58px;height:34px;border:1px solid #dbe3ef;border-radius:8px}.oll-toolbar .active{background:var(--oll-accent);color:#fff;border-color:var(--oll-accent)}.oll-stage{display:grid;place-items:center;min-height:650px;padding:25px;background:#e8edf4;overflow:auto}.canvases{display:none;gap:16px}.canvases.show{display:flex}.canvases.book .c2{display:block}.c1,.c2{background:#fff;box-shadow:0 10px 28px #0f172a2e}.c2{display:none}.progress{display:flex;align-items:center;gap:12px;padding:13px 16px}.progress:before{content:"";flex:1;height:9px;background:#e2e8f0;border-radius:99px}.progress span{position:absolute;height:9px;background:var(--oll-accent);border-radius:99px;width:0}.oll-ppt{width:100%;height:78vh;min-height:680px;border:0;background:#111}.oll-content{max-width:960px;margin:25px auto;padding:0 18px}.oll-viewer:fullscreen{max-width:none;width:100%;height:100%;margin:0;border-radius:0}.oll-viewer:fullscreen .oll-ppt{height:calc(100vh - 58px)}@media(max-width:900px){.oll-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.oll-grid{grid-template-columns:1fr}.oll-hero{padding:28px 22px}.oll-top{grid-template-columns:1fr}.oll-top strong{text-align:left}.oll-stage{padding:12px;min-height:500px}}