@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#171d2b;background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
header{height:82px;max-width:1100px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f2f3f7}
.brand{font-size:19px;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.brand:first-letter{color:#799af1}.back{color:#68778f;font-size:13px;font-weight:700}
main{max-width:900px;margin:auto;padding:70px 28px 100px}.eyebrow{color:#7d99df;font-size:11px;letter-spacing:.2em;font-weight:800}h1{font-size:clamp(35px,6vw,54px);line-height:1.13;letter-spacing:-.055em;margin:14px 0 0}p{color:#7b8493;line-height:1.7}.login-view{max-width:470px;margin:65px auto 0}.login-view>p{font-size:16px;margin:24px 0 34px}.login-card{border:1px solid #e9edf5;padding:28px;border-radius:20px;box-shadow:0 10px 30px rgba(26,35,52,.08);display:grid;gap:14px}.login-card label{font-size:13px;font-weight:700}.login-card input{height:56px;border:1px solid #e2e8f1;border-radius:11px;padding:0 15px;font:inherit;font-size:17px;outline:none}.login-card input:focus{border-color:#84a3f0;box-shadow:0 0 0 3px #ecf1ff}button{font:inherit;cursor:pointer;border:0}.login-card button,.more{height:54px;border-radius:11px;background:#84a2f0;color:white;font-weight:700;font-size:16px}.login-card button:disabled,.more:disabled{opacity:.65;cursor:wait}
.library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.library-head h1{font-size:43px}.library-head p{margin:13px 0 0}.quiet{background:#f2f5fc;color:#536278;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:700}.stats{margin:37px 0 18px;font-size:13px;color:#798497}.items{display:grid;gap:13px}.item{border:1px solid #e8ecf3;background:#fff;border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(24,32,48,.04)}.item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.item-title{font-size:15px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}.badge{display:inline-flex;border-radius:20px;background:#edf2ff;color:#5c78bd;font-size:11px;font-weight:800;padding:5px 9px;margin-right:8px;vertical-align:2px}.item-meta{display:flex;gap:12px;flex-wrap:wrap;color:#8a93a2;font-size:12px;margin-top:12px}.item-actions{display:flex;gap:9px;flex-shrink:0}.item-actions a,.item-actions button{border-radius:8px;padding:9px 13px;font-size:12px;font-weight:700;background:#edf2ff;color:#5c79be;white-space:nowrap}.item-actions button{background:#fff2f1;color:#b35953}.source{display:block;margin-top:15px;font-size:12px;color:#667fbd;overflow-wrap:anywhere}.more{display:block;margin:24px auto 0;padding:0 28px}.empty{padding:55px 20px;border:1px dashed #dbe2ee;border-radius:16px;text-align:center;color:#8994a4}.message{margin:28px 0;padding:14px 17px;border:1px solid #f1d7d3;background:#fff4f2;border-radius:11px;color:#a4473d;font-size:13px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filters{display:grid;grid-template-columns:minmax(190px,1fr) 140px 150px 78px;gap:9px;margin-bottom:18px}.filters label{min-width:0}.filters input,.filters select,.filters button{width:100%;height:43px;border:1px solid #e2e8f1;border-radius:9px;background:#fff;color:#4d5a70;font:inherit;font-size:13px;padding:0 12px;outline:none}.filters input:focus,.filters select:focus{border-color:#84a3f0;box-shadow:0 0 0 3px #ecf1ff}.filters button{border:0;background:#84a2f0;color:#fff;font-weight:700}
@media(max-width:650px){header{height:70px;padding:0 20px}main{padding:50px 20px 85px}.login-view{margin-top:70px}.login-card{padding:21px}.library-head h1{font-size:34px}.filters{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.filters button{grid-column:1/-1}.item{padding:17px}.item-top{display:block}.item-actions{margin-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.item-actions a,.item-actions button{display:grid;place-items:center;min-height:44px;text-align:center;font-size:13px}.item-actions button{grid-column:1/-1;background:#fff7f6;border:1px solid #f5dfdc}.source{margin-top:13px}}