.shell{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}main{flex:1}.hero{border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 100%,color-mix(in srgb,var(--accent-purple) 12%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,var(--accent-purple)),var(--surface))}.hero-inner{text-align:center;padding-top:5.35rem;padding-bottom:1.45rem}.hero-inner>span{color:var(--accent-purple);background:color-mix(in srgb,var(--accent-purple) 10%,transparent);border-radius:.65rem;padding:.32rem .68rem;font-size:.75rem;font-weight:850;display:inline-flex}.hero h1{color:var(--text);letter-spacing:-.045em;margin:.45rem 0 .25rem;font:800 clamp(1.85rem,3vw,2.4rem)/1.1 Manrope}.hero p{color:var(--muted);margin:0;font-size:.9rem}.hero strong{color:var(--accent-purple)}.library{padding-top:1rem;padding-bottom:2.5rem}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;gap:.8rem;padding-bottom:.85rem;display:flex}.search{border:1px solid var(--border);background:var(--surface);border-radius:.8rem;align-items:center;gap:.65rem;width:min(390px,100%);height:44px;padding:0 .85rem;display:flex}.search:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-purple) 12%,transparent)}.search svg{fill:none;width:18px;stroke:var(--muted);stroke-width:1.8px}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0}.filters{gap:.6rem;display:flex}.filters select{border:1px solid var(--border);background:var(--surface);max-width:190px;height:44px;color:var(--text);border-radius:.75rem;padding:0 2rem 0 .8rem;font:700 .78rem Inter}.breadcrumbs{align-items:center;gap:.45rem;min-height:46px;display:flex;overflow:auto}.breadcrumbs button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;font:750 .78rem Inter}.breadcrumbs button:hover,.breadcrumbs button[aria-current]{color:var(--accent-purple)}.breadcrumbs span{color:var(--border)}.credit{border:1px solid color-mix(in srgb,var(--accent-purple) 22%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--accent-purple) 7%,var(--surface)),var(--surface));border-radius:1rem;align-items:center;gap:1rem;margin:.2rem 0 1rem;padding:1rem 1.1rem;animation:.2s ease-out arrive;display:flex}.portrait{background:color-mix(in srgb,var(--accent-purple) 12%,var(--surface));width:58px;height:58px;color:var(--accent-purple);border-radius:50%;flex:none;place-items:center;font-weight:850;display:grid;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.credit-copy{flex:1}.credit small,.mini-credit small{color:var(--accent-purple);letter-spacing:.08em;font-size:.61rem;font-weight:850}.credit h2{color:var(--text);margin:.16rem 0;font:800 1rem Manrope}.credit p,.credit span{color:var(--muted);margin:0;font-size:.73rem}.credit-copy>span{margin-top:.32rem;display:block}.credit-links{gap:.5rem;display:flex}.credit-links a{border:1px solid var(--border);color:var(--text);border-radius:.6rem;padding:.48rem .7rem;font-size:.7rem;font-weight:750;text-decoration:none}.summary{justify-content:space-between;align-items:center;min-height:28px;margin-bottom:.55rem;display:flex}.summary p{color:var(--muted);margin:0;font-size:.75rem}.summary button{color:var(--accent-purple);cursor:pointer;background:0 0;border:0;font-weight:750}.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.folder-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:1rem;align-items:center;gap:.85rem;padding:1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.folder-card:before{content:"";background:var(--accent);width:3px;position:absolute;inset:0 auto 0 0}.folder-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));box-shadow:0 13px 28px color-mix(in srgb,var(--text) 7%,transparent);transform:translateY(-3px)}.folder-icon{background:color-mix(in srgb,var(--accent) 11%,var(--surface));width:49px;height:46px;color:var(--accent);border-radius:.8rem;flex:none;place-items:center;font-size:1.4rem;transition:transform .2s;display:grid;position:relative}.folder-icon i{opacity:0;font:700 .55rem Inter;transition:all .2s;position:absolute;top:2px;right:4px;transform:translate(-4px,4px)}.folder-card:hover .folder-icon{transform:scale(1.07)rotate(-3deg)}.folder-card:hover .folder-icon i{opacity:1;transform:none}.folder-copy{flex-direction:column;flex:1;min-width:0;display:flex}.folder-copy small{color:var(--muted);font-size:.62rem}.folder-copy strong{margin:.22rem 0;font:800 .87rem Manrope}.folder-copy em{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font:400 .69rem/1.35 Inter;overflow:hidden}.folder-copy .by{color:var(--accent);margin-top:.38rem;font-size:.62rem;font-weight:750}.arrow{color:var(--accent);transition:transform .18s}.folder-card:hover .arrow{transform:translate(4px)}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;animation:.2s ease-out arrive;display:grid}.resource-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:0 5px 20px color-mix(in srgb,var(--text) 4%,transparent);border-radius:1rem;flex-direction:column;padding:1rem;transition:all .18s;display:flex}.resource-card:hover{border-color:color-mix(in srgb,var(--accent-purple) 35%,var(--border));box-shadow:0 12px 28px color-mix(in srgb,var(--text) 7%,transparent);transform:translateY(-2px)}.card-head{align-items:flex-start;gap:.7rem;display:flex}.file-icon{background:color-mix(in srgb,var(--accent-purple) 10%,transparent);width:42px;height:42px;color:var(--accent-purple);border-radius:.7rem;flex:none;place-items:center;font-weight:800;display:grid}.card-head>div{flex:1;min-width:0}.card-head small{color:var(--muted);font-size:.64rem}.card-head h3{color:var(--text);overflow-wrap:anywhere;margin:.25rem 0;font:800 .87rem/1.4 Manrope}.premium{border:1px solid color-mix(in srgb,#f5a623 35%,var(--border));background:color-mix(in srgb,#f5a623 16%,var(--surface));color:#f5a623;letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:.24rem .5rem;font-size:.58rem;font-weight:850}.resource-card>p{min-height:3.4em;color:var(--muted);margin:.7rem 0;font-size:.74rem;line-height:1.5}.mini-credit{background:var(--surface-2);border-radius:.65rem;align-items:center;gap:.45rem;margin:.1rem 0 .6rem;padding:.48rem;display:flex}.mini-credit img,.mini-credit i{object-fit:cover;background:var(--surface);width:28px;height:28px;color:var(--accent-purple);border-radius:50%;place-items:center;font-size:.7rem;font-style:normal;font-weight:850;display:grid}.mini-credit span{flex-direction:column;display:flex}.mini-credit strong{color:var(--text);font-size:.68rem}.meta{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.7rem;font-size:.64rem;display:flex}.resource-actions{gap:.4rem;display:flex}.open,.download{background:var(--accent-purple);color:#fff;border-radius:.65rem;justify-content:space-between;align-items:center;min-height:38px;margin-top:.7rem;padding:0 .72rem;font-size:.7rem;font-weight:750;text-decoration:none;display:flex}.open{flex:1}.open.locked{color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.download{justify-content:center;width:38px;padding:0}.empty{text-align:center;place-content:center;min-height:180px}.empty:not([hidden]){display:grid}.empty div{color:var(--accent-purple);font-size:1.7rem}.empty h2{margin:.4rem 0;font-size:1rem}.empty p{color:var(--muted);margin:0;font-size:.78rem}@keyframes arrive{0%{opacity:0;transform:translateY(7px)}}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}@media (width<=1000px){.toolbar{flex-direction:column;align-items:stretch}.search{width:auto}.folder-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters select{flex:1;max-width:none}}@media (width<=650px){.hero-inner{padding-top:4.9rem}.library{padding-inline:1rem}.filters{grid-template-columns:1fr 1fr;display:grid}.folder-grid,.resource-grid{grid-template-columns:1fr}.credit{flex-wrap:wrap;align-items:flex-start}.credit-links{width:100%}.folder-card,.resource-card{content-visibility:auto}.resource-card>p{min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.shell .footer{flex:none;min-height:0;padding-top:14px;padding-bottom:14px}.shell .footer-logo-img{height:40px}
