.reels-library-page{min-height:100vh;background:#040c12;color:#edf5f8}
.reels-library-page .topbar{position:sticky;top:0;z-index:20;background:#040c12eF;backdrop-filter:blur(18px);border-bottom:1px solid #70f1de1f}
.reels-library-page .topbar nav a[aria-current="page"]{color:#70f1de}
.reels-library-main{max-width:1240px;margin:0 auto;padding:35px 6% 90px}
.library-kicker{display:flex;align-items:center;gap:10px;color:#70f1de;font:11px monospace;letter-spacing:2px;margin:24px 0 10px}
.library-dot{width:7px;height:7px;border-radius:50%;background:#70f1de;box-shadow:0 0 18px #70f1de}
.library-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:30px;min-height:350px;padding:34px 0 56px;border-bottom:1px solid #70f1de1f;overflow:hidden}
.library-hero-copy{position:relative;z-index:2}
.library-hero h1{font-size:clamp(32px,5vw,62px);line-height:1.55;letter-spacing:-1.5px;margin:12px 0 15px;color:#edf5f8}
.library-hero h1 span{color:#70f1de}
.library-intro{max-width:660px;color:#b2b8a7;font-size:15px;line-height:2.1;margin-bottom:24px}
.library-hero-art{min-height:280px;position:relative;display:grid;place-items:center;isolation:isolate}
.library-hero-art:before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#70f1de20,transparent 68%);filter:blur(12px);z-index:-2}
.library-orbit{position:absolute;width:245px;height:245px;border:1px solid #70f1de55;border-radius:50%;transform:rotate(-28deg) scaleY(.48)}
.orbit-one{box-shadow:0 0 32px #70f1de12}.orbit-two{width:190px;height:190px;transform:rotate(35deg) scaleY(.48);border-color:#edf5f835}
.library-core{width:125px;height:125px;display:grid;place-content:center;text-align:center;border:1px solid #70f1de80;border-radius:32px;transform:rotate(45deg);background:linear-gradient(145deg,#151b0b,#080a06);box-shadow:0 0 55px #70f1de1e,inset 0 0 28px #70f1de0b;font:11px monospace;letter-spacing:3px;color:#99fff0}
.library-core b{font-size:30px;color:#70f1de;letter-spacing:0}.library-art-label{position:absolute;bottom:6px;color:#7d886a;font:9px monospace;letter-spacing:2px}
.library-content{padding-top:42px}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.library-heading h2{font-size:clamp(25px,3vw,36px);margin:0 0 7px}.library-heading .muted{margin:0;color:#a7bac4;font-size:13px;line-height:1.9}
.library-search{display:flex;align-items:center;gap:10px;width:min(100%,330px);padding:8px 13px;border:1px solid #70f1de38;border-radius:999px;background:#06121a;color:#70f1de}.library-search span{font-size:25px}.library-search input{border:0;background:transparent;outline:none;color:#edf5f8;box-shadow:none}
.library-status{font-size:13px;color:#aab19d;min-height:22px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.library-card{display:flex;flex-direction:column;gap:13px;min-width:0;padding:23px;border:1px solid #70f1de28;border-radius:18px;background:linear-gradient(145deg,#11150c,#080a06 78%);text-decoration:none;color:#edf5f8;transition:transform .2s,border-color .2s,background .2s}
.library-card:hover{transform:translateY(-4px);border-color:#70f1de90;background:linear-gradient(145deg,#171e0d,#080a06 78%)}
.library-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.library-card-number{color:#70f1de;font:12px monospace;letter-spacing:2px}.library-card-category{font-size:10px;color:#99fff0;border:1px solid #70f1de33;border-radius:999px;padding:5px 9px}
.library-card h3{font-size:18px;line-height:1.75;margin:0;overflow-wrap:anywhere}.library-card p{color:#aeb5a2;font-size:13px;line-height:1.95;margin:0;flex:1}.library-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;padding-top:14px;border-top:1px solid #ffffff10;color:#70f1de;font-size:12px}.library-card-bottom button{border:1px solid #70f1de48;border-radius:999px;padding:7px 10px;background:transparent;color:#99fff0;cursor:pointer;font:inherit}.library-card-bottom button:hover{background:#70f1de;color:#06121a}
.library-empty-help{max-width:760px;margin:25px 0;padding:25px;border:1px dashed #70f1de55;border-radius:18px;background:#06121a}.library-empty-help h3{margin-top:0}.library-empty-help p{color:#b3b9a7;font-size:13px;line-height:2.1}.library-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:25px 6%;border-top:1px solid #70f1de25;color:#a7bac4;font-size:12px}.library-footer a{color:#70f1de;text-decoration:none}
@media(max-width:900px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-hero{grid-template-columns:minmax(0,1.1fr) minmax(190px,.7fr)}.library-orbit{width:200px;height:200px}.orbit-two{width:160px;height:160px}}
@media(max-width:620px){.reels-library-main{padding:25px 5% 65px}.library-hero{grid-template-columns:1fr;padding-top:25px;gap:5px}.library-hero h1{font-size:35px}.library-intro{font-size:13px}.library-hero-art{min-height:190px}.library-core{width:100px;height:100px;border-radius:24px}.library-orbit{width:180px;height:180px}.orbit-two{width:140px;height:140px}.library-heading{display:block}.library-search{width:100%;margin-top:18px}.library-grid{grid-template-columns:1fr}.library-card{padding:19px}.library-card h3{font-size:17px}.library-footer{padding-inline:5%}.reels-library-page .topbar nav{gap:10px}.reels-library-page .topbar nav a{font-size:10px;white-space:nowrap}.reels-library-page .topbar nav a:nth-child(n+3){display:none}}