:root{color:#171a16;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171a16;--paper:#f3f1eb;--line:#d8d5cc;--lime:#c7f464;--muted:#6c7068;background:#f3f1eb;font-family:Segoe UI Variable Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f3f1ebeb;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,5vw,74px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font:700 18px Segoe UI Variable Display,Segoe UI,sans-serif;display:flex}.brand-mark{grid-template-columns:repeat(3,1fr);gap:3px;width:30px;height:30px;display:grid;transform:skewY(-8deg)}.brand-mark span{background:var(--ink);border-radius:2px}.brand-mark span:nth-child(2){align-self:end;height:75%}.brand-mark span:nth-child(3){background:#78a51c;align-self:end;height:50%}main{width:min(1440px,100%);margin:0 auto}.eyebrow{letter-spacing:.19em;color:#68705f;margin:0 0 22px;font:700 11px Segoe UI Variable Display,Segoe UI,sans-serif}h2{letter-spacing:-.055em;margin:0;font-family:Segoe UI Variable Display,Segoe UI,sans-serif}.library{background:var(--ink);color:#f5f4ef;border-radius:28px;min-height:560px;margin:18px;padding:clamp(35px,5vw,72px)}.library .eyebrow{color:#9da394;margin-bottom:12px}.library-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.library h2{font-size:clamp(34px,4vw,55px)}.library h2 span{vertical-align:top;color:var(--lime);letter-spacing:0;margin-left:8px;font:500 14px Segoe UI,sans-serif}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.search-field{background:#222620;border:1px solid #41463f;border-radius:999px;align-items:center;gap:9px;width:min(280px,70vw);height:44px;padding:0 15px;display:flex}.search-field:focus-within{border-color:var(--lime)}.search-field svg{fill:none;stroke:#a9aea4;stroke-width:1.8px;width:17px}.search-field input{color:#fff;background:0 0;border:0;outline:0;width:100%}.search-field input::placeholder{color:#8c9188}.filters{background:#222620;border:1px solid #41463f;border-radius:999px;padding:3px;display:flex}.filters button{color:#aeb2aa;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 13px;font-size:14px}.filters button.active{color:var(--ink);background:var(--lime)}.file-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.file-card{background:#242823;border:1px solid #363b34;border-radius:16px;min-width:0;transition:transform .2s,border-color .2s;overflow:hidden}.file-card:hover{border-color:#596154;transform:translateY(-3px)}.preview{aspect-ratio:4/3;background:#30352e;display:block;position:relative;overflow:hidden}.preview img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.file-card:hover .preview img{transform:scale(1.025)}.kind-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.1em;background:#121511d1;border-radius:6px;padding:5px 7px;font:700 10px Segoe UI,sans-serif;position:absolute;top:12px;left:12px}.pdf-preview{color:#d6f492;background:linear-gradient(145deg,#353b33,#262a25);place-content:center;justify-items:center;gap:8px;width:100%;height:100%;display:grid}.pdf-preview svg{fill:none;stroke:currentColor;stroke-width:1.1px;width:52px}.pdf-preview strong{letter-spacing:.16em;font:700 12px Segoe UI,sans-serif}.file-info{align-items:center;gap:10px;padding:15px 14px 15px 17px;display:flex}.file-copy{flex:1;min-width:0}.file-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font:600 14px Segoe UI,sans-serif;overflow:hidden}.file-copy p{color:#93998f;margin:0;font-size:12px}.download{background:#32372f;border-radius:50%;flex:0 0 36px;place-items:center;height:36px;transition:background .18s,color .18s;display:grid}.download:hover{background:var(--lime);color:var(--ink)}.download svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px}.loading-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.loading-grid div{aspect-ratio:4/3.9;background:linear-gradient(100deg,#222620 25%,#30352e 40%,#222620 55%) 0 0/200% 100%;border-radius:16px;animation:1.3s linear infinite shine}@keyframes shine{to{background-position-x:-200%}}.empty-state{text-align:center;border:1px dashed #4a5047;border-radius:18px;place-content:center;justify-items:center;min-height:330px;padding:25px;display:grid}.empty-state svg{fill:none;stroke:#85917d;stroke-width:1.1px;width:50px}.empty-state h3{margin:16px 0 7px;font:600 21px Segoe UI Variable Display,Segoe UI,sans-serif}.empty-state p{color:#969b92;margin:0}.notice{border-radius:12px;margin-bottom:20px;padding:18px}.notice.error{color:#ffd7cf;background:#4a2924}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}footer{color:var(--muted);justify-content:space-between;padding:38px clamp(22px,5vw,74px) 48px;font-size:13px;display:flex}footer span:first-child{color:var(--ink);font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1050px){.file-grid,.loading-grid{grid-template-columns:repeat(3,1fr)}.library-heading{flex-direction:column;align-items:flex-start}.toolbar{justify-content:flex-start;width:100%}}@media (width<=760px){.site-header{height:70px}.library{border-radius:20px;margin:8px}.file-grid,.loading-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch}.search-field{width:100%}footer{flex-direction:column;gap:7px}}@media (width<=480px){.file-grid,.loading-grid{grid-template-columns:1fr}.filters{width:100%}.filters button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
