.library-page { --vault-cyan:#68c9d4; --vault-gold:#d5b36b; }
.library-hero { position:relative; overflow:hidden; padding:clamp(7rem,12vw,10rem) 0 clamp(4rem,8vw,7rem); border-bottom:1px solid var(--color-divider); }
.library-hero::before { content:""; position:absolute; width:42rem; height:42rem; right:-12rem; top:-18rem; border-radius:50%; border:1px solid rgba(102,112,247,.25); box-shadow:0 0 0 6rem rgba(102,112,247,.035),0 0 0 12rem rgba(213,179,107,.025); pointer-events:none; }
.library-hero__grid { position:relative; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(19rem,.7fr); gap:clamp(2.5rem,7vw,7rem); align-items:end; }
.library-hero h1 { max-width:13ch; margin:var(--space-5) 0; font-size:clamp(3rem,7.2vw,6.4rem); line-height:.91; letter-spacing:-.06em; }
.library-hero .lede { max-width:63ch; margin-bottom:var(--space-6); }
.library-actions { display:flex; flex-wrap:wrap; gap:var(--space-3); }
.library-proof { padding:var(--space-6); background:linear-gradient(155deg,rgba(19,26,49,.96),rgba(11,16,31,.96)); border:1px solid rgba(135,144,255,.22); border-radius:var(--radius-xl); box-shadow:0 30px 80px rgba(0,0,0,.28); }
.library-proof > span { color:var(--color-primary); font:500 var(--text-xs)/1.3 var(--font-mono); text-transform:uppercase; letter-spacing:.11em; }
.library-proof h2 { margin:.6rem 0 1.5rem; font-size:var(--text-xl); }
.library-proof__list { display:grid; gap:.85rem; }
.library-proof__list div { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding-bottom:.75rem; border-bottom:1px solid rgba(255,255,255,.07); }
.library-proof__list strong { font-size:clamp(1.5rem,4vw,2.15rem); color:#f2f4fb; }
.library-proof__list span { color:var(--color-text-muted); font-size:var(--text-sm); text-align:right; }
.library-proof p { margin:var(--space-5) 0 0; color:var(--color-text-muted); font-size:var(--text-sm); }
.library-proof p strong { color:var(--vault-gold); }
.library-section-head { display:grid; grid-template-columns:minmax(0,.85fr) minmax(18rem,1.15fr); gap:clamp(2rem,7vw,7rem); align-items:end; margin-bottom:var(--space-8); }
.library-section-head h2 { max-width:14ch; margin-top:var(--space-3); font-size:clamp(2.3rem,5vw,4.5rem); letter-spacing:-.045em; }
.library-section-head p { max-width:62ch; justify-self:end; color:var(--color-text-muted); font-size:var(--text-lg); }
.library-flagships { padding-bottom:0; }
.library-flagships .filter-bar { background:transparent; padding:0 0 var(--space-5); border:0; border-bottom:1px solid var(--color-divider); border-radius:0; }
.library-flagships .count { margin-left:0; }
.vault-shell { padding-top:clamp(5rem,10vw,9rem); }
.vault-intro { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:end; margin-bottom:var(--space-6); }
.vault-intro h2 { margin:.65rem 0; font-size:clamp(2.5rem,6vw,5.5rem); letter-spacing:-.055em; }
.vault-intro p { max-width:66ch; color:var(--color-text-muted); font-size:var(--text-lg); }
.vault-total { display:grid; place-items:center; width:9rem; aspect-ratio:1; border:1px solid rgba(102,112,247,.32); border-radius:50%; background:radial-gradient(circle,rgba(102,112,247,.14),transparent 67%); }
.vault-total strong { font-size:2.4rem; line-height:1; }
.vault-total span { color:var(--color-text-faint); font:var(--text-xs)/1.2 var(--font-mono); text-transform:uppercase; letter-spacing:.08em; }
.vault-controls { position:sticky; top:4.8rem; z-index:8; display:grid; grid-template-columns:minmax(16rem,1fr) minmax(10rem,.35fr) minmax(14rem,.45fr) auto; gap:var(--space-3); align-items:center; margin-bottom:var(--space-8); padding:var(--space-4); background:rgba(10,14,28,.88); border:1px solid var(--color-border); border-radius:var(--radius-lg); box-shadow:0 18px 50px rgba(0,0,0,.2); backdrop-filter:blur(16px); }
.vault-search { position:relative; }
.vault-search svg { position:absolute; left:1rem; top:50%; width:18px; transform:translateY(-50%); color:var(--color-text-faint); }
.vault-search input { width:100%; padding-left:2.8rem; }
.vault-controls select { width:100%; }
.vault-control-meta { display:flex; align-items:center; justify-content:flex-end; gap:var(--space-3); white-space:nowrap; }
.vault-control-meta span { color:var(--color-text-muted); font:var(--text-xs)/1.3 var(--font-mono); }
.vault-control-meta button { color:var(--color-primary); font-size:var(--text-xs); }
.vault-control-meta button[hidden] { display:none; }
.library-catalog { display:grid; gap:clamp(2rem,5vw,4rem); }
.vault-category { overflow:hidden; background:color-mix(in oklab,var(--color-surface),transparent 4%); border:1px solid var(--color-border); border-radius:var(--radius-xl); }
.vault-category__head { display:grid; grid-template-columns:4.5rem 1fr auto; gap:var(--space-5); align-items:center; padding:clamp(1.4rem,4vw,2.5rem); background:linear-gradient(110deg,rgba(102,112,247,.12),transparent 56%); border-bottom:1px solid var(--color-border); }
.vault-category[data-type="Expert"] .vault-category__head { background:linear-gradient(110deg,rgba(213,179,107,.11),transparent 56%); }
.vault-category__head > span { color:var(--color-primary); font:500 clamp(2rem,5vw,4rem)/1 var(--font-mono); }
.vault-category[data-type="Expert"] .vault-category__head > span { color:var(--vault-gold); }
.vault-category__head small { color:var(--color-text-faint); font:var(--text-xs)/1.3 var(--font-mono); text-transform:uppercase; letter-spacing:.09em; }
.vault-category__head h3 { margin-top:.3rem; font-size:clamp(1.6rem,3vw,2.5rem); }
.vault-category__head > strong { display:grid; place-items:center; min-width:3.5rem; height:3.5rem; border:1px solid var(--color-border); border-radius:50%; font-family:var(--font-mono); }
.vault-sections { display:grid; gap:1px; background:var(--color-divider); }
.vault-subsection { padding:clamp(1.25rem,4vw,2.25rem); background:var(--color-bg); }
.vault-subsection__title { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:var(--space-4); }
.vault-subsection__title h4 { font-size:var(--text-lg); }
.vault-subsection__title span { color:var(--color-text-faint); font:var(--text-xs)/1.3 var(--font-mono); text-transform:uppercase; }
.vault-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-3); }
.vault-tool { min-width:0; min-height:10rem; padding:var(--space-4); background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-md); transition:transform var(--transition),border-color var(--transition),background var(--transition); }
.vault-tool:hover { transform:translateY(-2px); border-color:color-mix(in oklab,var(--color-primary),transparent 45%); background:var(--color-surface-2); }
.vault-tool__type { color:var(--color-primary); font:500 .65rem/1.2 var(--font-mono); text-transform:uppercase; letter-spacing:.09em; }
.vault-category[data-type="Expert"] .vault-tool__type { color:var(--vault-gold); }
.vault-tool h4 { margin:.5rem 0; overflow-wrap:anywhere; font-family:var(--font-body); font-size:1rem; letter-spacing:-.01em; }
.vault-tool p { color:var(--color-text-muted); font-size:var(--text-sm); line-height:1.5; }
.vault-tool small { display:block; margin-top:var(--space-4); color:var(--color-text-faint); font:var(--text-xs)/1.3 var(--font-mono); }
.vault-empty { padding:clamp(3rem,8vw,7rem); text-align:center; background:var(--color-surface); border:1px dashed var(--color-border-strong); border-radius:var(--radius-xl); }
.vault-empty span { color:var(--color-primary); font:var(--text-xs)/1.3 var(--font-mono); text-transform:uppercase; }
.vault-empty h3 { margin:var(--space-3) 0; font-size:var(--text-xl); }
.vault-empty p { color:var(--color-text-muted); }
.library-access { padding-bottom:clamp(5rem,10vw,9rem); }
.library-access__card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr); gap:clamp(2rem,7vw,6rem); align-items:end; padding:clamp(2rem,7vw,5rem); background:linear-gradient(135deg,#171f3a,#0b1020 62%); border:1px solid rgba(125,135,255,.28); border-radius:var(--radius-xl); }
.library-access__card::after { content:"234"; position:absolute; right:-1rem; top:-3rem; color:rgba(255,255,255,.025); font:800 clamp(10rem,25vw,20rem)/1 var(--font-display); pointer-events:none; }
.library-access__card h2 { position:relative; max-width:13ch; margin:var(--space-4) 0; color:#f5f6fb; font-size:clamp(2.4rem,6vw,5rem); letter-spacing:-.05em; }
.library-access__card p { position:relative; max-width:65ch; color:#b9c0d1; font-size:var(--text-lg); }
.library-access__action { position:relative; z-index:1; }
.library-access__action .btn { width:100%; justify-content:center; }
.library-access__action small { display:block; margin-top:var(--space-3); color:#8f98ae; text-align:center; }
@media(max-width:980px){.library-hero__grid,.library-section-head,.library-access__card{grid-template-columns:1fr}.library-section-head p{justify-self:start}.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-controls{grid-template-columns:1fr 1fr}.vault-search{grid-column:1/-1}.vault-control-meta{justify-content:space-between}.vault-intro{grid-template-columns:1fr}.vault-total{display:none}}
@media(max-width:620px){.library-hero{padding-top:6.5rem}.library-hero h1{font-size:clamp(2.8rem,15vw,4.2rem)}.vault-controls{position:static;grid-template-columns:1fr}.vault-search{grid-column:auto}.vault-grid{grid-template-columns:1fr}.vault-category__head{grid-template-columns:3rem 1fr}.vault-category__head>strong{display:none}.vault-category__head>span{font-size:2rem}.vault-tool{min-height:0}.library-access__card{padding:2rem}}