.library-page main{max-width:1240px;margin:auto;padding:0 32px}.library-hero{padding:72px 0 16px;text-align:center}.library-hero .eyebrow{font-size:12px}.library-hero h1{font-size:clamp(42px,5.5vw,74px);line-height:1.35;letter-spacing:-.04em;margin:20px 0}.library-hero h1 em{font-style:normal;color:var(--primary)}html[lang=fa] .library-hero h1 em{font-family:Doran,IRANSansX,sans-serif}.library-hero>p{font-size:18px;line-height:1.9;color:var(--foreground-muted);max-width:660px;margin:0 auto}.library-plaque{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid var(--border-strong);border-radius:9px;background:linear-gradient(145deg,var(--panel-strong),var(--panel));box-shadow:inset 0 1px color-mix(in srgb,var(--foreground) 12%,transparent),0 4px 14px #0003;color:var(--primary)}.library-plaque svg{width:25px;height:25px}.library-hero-path{max-width:940px;height:240px;margin:32px auto 0;position:relative;display:flex;align-items:center;justify-content:space-between;direction:ltr}.library-hero-path>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.library-hero-path>svg path{fill:none;stroke:var(--primary);stroke-width:3;stroke-dasharray:1250;animation:library-draw 5s ease-in-out infinite}.library-hero-path>svg .library-path-halo{stroke-width:12;opacity:.18;filter:blur(5px)}.library-hero-path>span{position:relative;display:grid;justify-items:center;gap:12px;transform:translateY(35px)}.library-hero-path>span:nth-of-type(2){transform:translateY(-50px)}.library-hero-path>span:nth-of-type(3){transform:translateY(28px)}.library-hero-path>span:nth-of-type(4){transform:translateY(-78px)}.library-hero-path b{font-size:13px;background:var(--background);padding:3px 8px;direction:rtl}.library-hero-path>span:last-child .library-plaque{color:var(--success);border-color:var(--success);box-shadow:inset 0 1px #ffffff15,0 0 30px var(--success-soft)}.library-resources{padding:28px 0 60px;scroll-margin-top:30px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}.library-toolbar>h2{font-size:20px;margin:0}.library-filters{display:flex;gap:5px;padding:5px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.library-filters button{border:1px solid transparent;background:transparent;color:var(--foreground-muted);display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:5px;font:inherit;font-size:13px;cursor:pointer}.library-filters button svg{width:18px;height:18px}.library-filters button span{font:12px Outfit;opacity:.6}.library-filters button[aria-pressed=true]{color:var(--foreground-strong);border-color:var(--border-strong);background:linear-gradient(145deg,var(--panel-strong),var(--panel-raised));box-shadow:inset 0 1px #ffffff0b,0 2px 4px #0002}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.library-card{border:1px solid var(--border);border-radius:10px;background:linear-gradient(155deg,var(--panel-raised),var(--panel) 50%);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;text-decoration:none;color:var(--foreground);display:block}.library-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 60%,var(--border));box-shadow:0 20px 50px #0002}.library-card[hidden]{display:none}.library-card-art{height:220px;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 70%,var(--primary-soft),transparent 70%);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.library-card-copy{padding:26px 28px}.library-kind{display:flex;align-items:center;gap:7px;color:var(--foreground-muted);font-size:12px}.library-kind svg{width:17px;height:17px;color:var(--primary)}.library-card h2{font-size:23px;line-height:1.6;margin:12px 0;color:var(--foreground-strong)}.library-card p{font-size:14px;line-height:1.9;color:var(--foreground-muted);margin:0;min-height:54px}.library-open{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:13px;font-weight:650;margin-top:24px}.library-open svg{width:20px;height:20px}.library-system{display:flex;align-items:center;justify-content:space-between;gap:34px;width:90%;position:relative}.library-system:before{content:'';height:2px;background:var(--primary);box-shadow:0 0 12px var(--primary);position:absolute;top:31px;inset-inline:30px}.library-system>span{z-index:1;display:grid;justify-items:center;gap:12px}.library-system .library-plaque{width:64px;height:64px}.library-system small{background:var(--panel);padding:3px 5px;color:var(--foreground-muted);font-size:12px}.library-loop{display:flex;gap:22px;direction:ltr;position:relative}.library-loop:before{content:'';position:absolute;inset:24px 20px -15px;border:1px solid var(--primary);border-top:0;border-radius:0 0 50% 50%;opacity:.5}.library-loop>span{display:grid;justify-items:center;gap:8px;position:relative}.library-loop .library-plaque{width:44px;height:44px}.library-loop b{color:var(--primary);font-family:Outfit;font-size:19px}.library-loop small{font-size:10px;color:var(--foreground-muted)}.library-eval{display:flex;align-items:center;gap:28px;direction:rtl}.library-mini-output{width:74px;height:98px;background:linear-gradient(145deg,var(--panel-strong),var(--panel));border:1px solid var(--border-strong);border-radius:6px;padding:15px;box-shadow:0 8px 15px #0003}.library-mini-output svg{width:22px;height:22px;color:var(--foreground-muted)}.library-mini-output i{display:block;height:3px;background:var(--border-strong);margin-top:9px}.library-mini-output i:last-child{width:65%}.library-meter{display:grid;gap:12px;width:160px}.library-meter>b{font-size:34px;color:var(--success)}.library-meter b small{font-size:15px;color:var(--foreground-muted)}.library-meter>i{height:10px;border-radius:2px;background:linear-gradient(90deg,var(--destructive),var(--warning) 45%,var(--success));position:relative}.library-meter>i:after{content:'';position:absolute;inset-block:-4px;width:3px;left:92%;background:var(--foreground-strong);box-shadow:0 0 0 2px var(--panel)}.library-meter>span{font-size:10px;color:var(--foreground-muted)}.library-eval>.library-plaque{color:var(--success)}.library-next{border-top:1px solid var(--border);padding:40px 0 70px;display:flex;justify-content:space-between;align-items:center;gap:24px}.library-next>div{display:grid;grid-template-columns:48px 1fr;column-gap:18px;align-items:center}.library-next h2{font-size:20px;margin:0}.library-next .library-plaque{grid-row:span 2}.library-next p{font-size:13px;line-height:1.9;color:var(--foreground-muted);margin:6px 0}.library-next .button{font-size:13px;white-space:nowrap}.library-next .button svg{width:18px;height:18px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.library-empty{color:var(--foreground-muted)}@keyframes library-draw{0%{stroke-dashoffset:1250}55%,100%{stroke-dashoffset:0}}@media(max-width:700px){.library-page main{padding:0 20px}.library-hero{padding-top:40px}.library-hero>p{font-size:15px}.library-hero-path{height:180px;margin-top:28px}.library-hero-path>span{transform:translateY(25px)}.library-hero-path>span:nth-of-type(2){transform:translateY(-30px)}.library-hero-path>span:nth-of-type(3){transform:translateY(20px)}.library-hero-path>span:nth-of-type(4){transform:translateY(-55px)}.library-hero-path b{font-size:10px}.library-plaque{width:40px;height:40px}.library-toolbar{gap:16px}.library-filters{width:100%;justify-content:space-between}.library-filters button{gap:5px;padding:8px 7px;font-size:11px}.library-filters button span{display:none}.library-filters button svg{width:15px;height:15px}.library-grid{grid-template-columns:1fr;gap:20px}.library-card-art{height:185px;padding:20px}.library-card h2{font-size:21px}.library-card-copy{padding:22px}.library-system{gap:20px}.library-loop{gap:15px}.library-loop .library-plaque{width:38px;height:38px}.library-eval{gap:18px}.library-eval>.library-plaque{display:none}.library-next{flex-direction:column;align-items:stretch}.library-next h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.library-hero-path>svg path{animation:none;stroke-dashoffset:0}.library-card{transition:none}}
