:root{--bg0: #e6f2ff;--bg1: #cfe7ff;--surface: rgba(255,255,255,.7);--surface2: rgba(255,255,255,.92);--border: rgba(15, 23, 42, .14);--text: rgba(15, 23, 42, .92);--muted: rgba(15, 23, 42, .7);--faint: rgba(15, 23, 42, .55);--accent: #38bdf8;--accent2:#34d399;--warn: #fb7185;--shadow: 0 14px 40px rgba(2, 6, 23, .1);--shadow2: 0 10px 26px rgba(2, 6, 23, .08);--r-lg: 18px;--r-md: 14px;--r-sm: 10px;--maxw: 1100px}html,body,#root{height:100%;margin:0;color:var(--text);color-scheme:light;background:radial-gradient(900px 650px at 14% 0%,rgba(56,189,248,.2) 0%,transparent 60%),radial-gradient(900px 650px at 85% 10%,rgba(52,211,153,.14) 0%,transparent 55%),radial-gradient(900px 650px at 50% 110%,rgba(251,113,133,.1) 0%,transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.ll-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(900px 650px at 14% 0%,rgba(56,189,248,.2) 0%,transparent 60%),radial-gradient(900px 650px at 85% 10%,rgba(52,211,153,.14) 0%,transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1))}.ll-bgGrid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 1px 1px,rgba(15,23,42,.1) 1px,transparent 0),radial-gradient(circle at 1px 1px,rgba(56,189,248,.14) 1px,transparent 0);background-size:30px 30px,90px 90px}.ll-container{max-width:var(--maxw);margin:0 auto;padding:18px 18px 56px;position:relative;z-index:2}.ll-header{position:sticky;top:0;z-index:30;background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.ll-headerInner{max-width:var(--maxw);margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.ll-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.ll-brandLink{cursor:pointer;padding:6px 10px;border-radius:999px;border:1px solid transparent;transition:.12s ease}.ll-brandLink:hover{border-color:#0f172a24;background:#fff9}.ll-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.ll-navLink{padding:8px 10px;border-radius:999px;border:1px solid transparent;color:var(--muted);transition:.12s ease}.ll-navLink:hover{color:var(--text);border-color:var(--border);background:#ffffffb3}.ll-navLinkActive{color:var(--text);border-color:#38bdf873;background:#38bdf82e}.ll-hero{background:linear-gradient(180deg,#ffffffeb,#ffffffd1);border:1px solid rgba(15,23,42,.16);box-shadow:0 16px 40px #0206171a;border-radius:var(--r-lg);padding:18px 18px 16px}.ll-card{grid-column:span 6;background:linear-gradient(180deg,#ffffffeb,#ffffffd1);border:1px solid rgba(15,23,42,.16);box-shadow:0 16px 40px #0206171a;border-radius:var(--r-lg);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;padding:16px 16px 14px}.ll-title{margin:0 0 6px;font-size:34px;line-height:1.1}.ll-subtitle{margin:0;color:var(--muted);font-size:16px;line-height:1.45}.ll-grid{margin-top:18px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.ll-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px #02061724;border-color:#38bdf859;background:linear-gradient(180deg,#fffffff5,#ffffffdb)}.ll-cardTitle{margin:8px 0 6px;font-size:18px}.ll-cardText{margin:0;line-height:1.45;color:var(--muted)}.ll-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.ll-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffffb8;color:var(--text);cursor:pointer;transition:.12s ease}.ll-btn:hover{transform:translateY(-1px);border-color:#7dd3fc59;background:#7dd3fc24}.ll-btnPrimary{border-color:#38bdf88c;background:linear-gradient(135deg,#38bdf84d,#34d39938)}.ll-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(15,23,42,.14);color:#0f172ab3;background:#ffffffb8}@media (max-width: 860px){.ll-card{grid-column:span 12}.ll-title{font-size:28px}}.ll-libraryHero{margin-top:10px;padding:18px 18px 14px;border-radius:var(--r-lg);background:linear-gradient(180deg,#ffffffdb,#ffffffbd);border:1px solid rgba(15,23,42,.14);box-shadow:var(--shadow2)}.ll-libraryGroupHead{margin-top:18px;padding:10px 4px 0}.ll-groupTitle{margin:0;font-size:18px}.ll-groupSubtitle{margin-top:4px;color:var(--muted);font-size:14px}.ll-shelf{margin-top:16px;padding:14px 14px 10px;border-radius:var(--r-lg);background:#ffffff8c;border:1px solid rgba(15,23,42,.14);box-shadow:var(--shadow2)}.ll-shelfHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.ll-shelfTitle{margin:0;font-size:16px}.ll-shelfSubtitle{margin-top:4px;color:var(--muted);font-size:13px}.ll-shelfRow{display:flex;gap:16px;overflow-x:auto;padding:8px 8px 2px;scroll-snap-type:x mandatory;perspective:900px}.ll-shelfRow::-webkit-scrollbar{height:10px}.ll-shelfRow::-webkit-scrollbar-thumb{background:#0f172a24;border-radius:999px}.ll-book{flex:0 0 auto;width:128px;scroll-snap-align:start;color:inherit}.ll-bookCover{position:relative;width:128px;height:182px;border-radius:12px;overflow:hidden;border:1px solid rgba(15,23,42,.18);box-shadow:0 16px 34px #02061724;transform:rotateY(-8deg);transform-origin:left center;transition:transform .14s ease,box-shadow .14s ease;background:#ffffffd9}.ll-book:hover .ll-bookCover{transform:rotateY(-2deg) translateY(-4px);box-shadow:0 22px 46px #0206172e}.ll-bookImg{width:100%;height:100%;object-fit:cover;display:block}.ll-bookBadge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid rgba(56,189,248,.35);background:#38bdf82e;color:#0f172ac7}.ll-bookTitle{margin-top:8px;font-size:12px;color:#0f172ac7;line-height:1.2}.ll-bookSubtitle{margin-top:3px;font-size:11px;color:var(--muted);line-height:1.15}.ll-shelfPlank{margin-top:10px;height:16px;border-radius:10px;border:1px solid rgba(90,50,20,.3);background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 35%),linear-gradient(90deg,#aa6e40db,#c48c5cdb,#aa6e40db);box-shadow:0 10px 18px #0206171f}.ll-miniGrid{margin-top:14px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.ll-miniCard{grid-column:span 4;padding:14px 14px 12px;border-radius:var(--r-lg);border:1px solid rgba(15,23,42,.16);background:linear-gradient(180deg,#fffffff0,#ffffffd1);box-shadow:0 16px 40px #0206171a;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;color:inherit;display:block}.ll-miniCard:hover{transform:translateY(-3px);box-shadow:0 22px 55px #02061724;border-color:#38bdf859}.ll-miniTitle{font-weight:800;font-size:16px}.ll-miniSub{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.35}.ll-miniCta{margin-top:10px;font-size:13px;color:#0f172ab3;font-weight:700}@media (max-width: 860px){.ll-miniCard{grid-column:span 12}}.ll-shelfTight{margin-top:14px}.ll-shelfHeadRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ll-shelfControls{display:flex;gap:8px;align-items:center}.ll-shelfArrow{width:36px;height:36px;border-radius:999px;border:1px solid rgba(15,23,42,.16);background:#ffffffb3;color:#0f172abf;cursor:pointer;transition:.12s ease}.ll-shelfArrow:hover{background:#38bdf81a;border-color:#38bdf84d;transform:translateY(-1px)}.ll-shelfArrow:disabled{opacity:.45;cursor:default;transform:none}.ll-slideWrap{margin-top:10px;overflow:hidden;border-radius:14px;outline:none}.ll-slideWrap:focus{box-shadow:0 0 0 3px #38bdf838}.ll-slideTrack{display:flex;width:100%;will-change:transform;transition:transform .26s cubic-bezier(.2,.8,.2,1)}.ll-slidePage{flex:0 0 100%;padding:2px}@media (prefers-reduced-motion: reduce){.ll-slideTrack{transition:none}}.ll-resourceGrid{margin-top:10px;display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.ll-resource{grid-column:span 2;padding:12px 12px 10px;border-radius:14px;border:1px solid rgba(15,23,42,.14);background:linear-gradient(180deg,#ffffffeb,#ffffffc7);box-shadow:0 10px 22px #02061714;color:inherit;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.ll-resource:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0206171f;border-color:#38bdf84d}.ll-resourceTop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ll-resourceIcon{width:34px;height:34px;border-radius:10px;object-fit:cover;border:1px solid rgba(15,23,42,.12)}.ll-resourceIconFallback{width:34px;height:34px;border-radius:10px;border:1px solid rgba(15,23,42,.1);background:radial-gradient(18px 18px at 30% 30%,rgba(56,189,248,.22),transparent 60%),radial-gradient(18px 18px at 70% 60%,rgba(52,211,153,.18),transparent 60%),#ffffffb3}.ll-resourcePill{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid rgba(56,189,248,.28);background:#38bdf81f;color:#0f172ab3;white-space:nowrap}.ll-resourceTitle{font-weight:800;font-size:13px;line-height:1.2;color:#0f172ad1}.ll-resourceSubtitle{margin-top:4px;font-size:12px;line-height:1.25;color:var(--muted)}.ll-dots{margin-top:10px;display:flex;gap:8px;justify-content:center;align-items:center}.ll-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(15,23,42,.22);background:#ffffffa6;cursor:pointer}.ll-dotOn{background:#38bdf88c;border-color:#38bdf8a6}@media (max-width: 980px){.ll-resourceGrid{grid-template-columns:repeat(8,1fr)}.ll-resource{grid-column:span 2}}@media (max-width: 640px){.ll-resourceGrid{grid-template-columns:repeat(6,1fr)}.ll-resource{grid-column:span 3}}