.skills-directory{--sd-bg-soft:#0d0d0d;--sd-border:#1a1a1a;--sd-sand:#ffecdb;--sd-sand-dim:#cdcdcd;--sd-sand-muted:#7f7f7f;--sd-orange:#f78116;position:relative}.skills-directory .sd-drawer{z-index:100;display:none;position:fixed;inset:0}.skills-directory .sd-drawer.is-open{display:block}@keyframes sd-drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes sd-drawer-slide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.skills-directory .sd-drawer__backdrop{-webkit-backdrop-filter:blur(4px);background:#0009;animation:.18s sd-drawer-fade;position:absolute;inset:0}.skills-directory .sd-drawer__panel{border-left:1px solid var(--sd-border);background-color:#0e0f0d;background-image:radial-gradient(80% 60% at 50% -10%,#f781160f 0%,#0000 70%),radial-gradient(100% 50% at 50% 110%,#4033282e 0%,#0000 70%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;width:min(640px,100vw);animation:.28s cubic-bezier(.2,.7,.2,1) sd-drawer-slide;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.skills-directory .sd-drawer__head{border-bottom:1px solid var(--sd-border);z-index:2;-webkit-backdrop-filter:blur(8px);background:#0e0f0deb;align-items:center;gap:24px;padding:22px 28px;display:flex;position:sticky;top:0}.skills-directory .sd-drawer__title{color:var(--sd-orange);letter-spacing:0;text-transform:lowercase;word-break:break-all;flex:1;min-width:0;margin:0;font-family:Aeonik fono,monospace;font-size:20px;font-weight:500}.skills-directory .sd-drawer__close{color:var(--sd-sand-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-family:inherit;font-size:14px;display:flex}.skills-directory .sd-drawer__close:hover{color:var(--sd-orange);background:#f7811614}.skills-directory .sd-drawer__body{flex-direction:column;gap:24px;padding:22px 28px 32px;display:flex}.skills-directory .sd-drawer__desc{color:var(--sd-sand);margin:0;font-size:15px;line-height:1.55}.skills-directory .sd-drawer__link{color:var(--sd-sand-dim);background:#f781160a;border:1px solid #f781164d;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:9px 14px;font-family:Aeonik fono,monospace;font-size:13px;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.skills-directory .sd-drawer__link:hover{color:var(--sd-orange);border-color:var(--sd-orange);background:#f7811614}.skills-directory .sd-drawer__link-ico{opacity:.85;font-size:14px}.skills-directory .sd-drawer__install{background:#f7811608;border:1px solid #f781162e;border-radius:10px;align-items:center;gap:12px;padding:16px 20px;font-family:Aeonik fono,monospace;display:flex}.skills-directory .sd-drawer__install-prompt{color:var(--sd-orange);flex:none;font-size:14px}.skills-directory .sd-drawer__install-cmd{color:var(--sd-sand);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:0;font-family:Aeonik fono,monospace;font-size:14px;overflow:hidden}.skills-directory .sd-drawer__copy{cursor:pointer;color:var(--sd-sand-muted);background:0 0;border:0;padding:4px;font-family:inherit;font-size:16px}.skills-directory .sd-drawer__copy:hover,.skills-directory .sd-drawer__copy.is-copied{color:var(--sd-orange)}.skills-directory .sd-drawer__sect{flex-direction:column;gap:12px;display:flex}.skills-directory .sd-drawer__sect h3{letter-spacing:.14em;text-transform:uppercase;color:var(--sd-sand-muted);margin:0;font-family:Aeonik fono,monospace;font-size:11px;font-weight:500}.skills-directory .sd-drawer__pills{flex-wrap:wrap;gap:8px;display:flex}.skills-directory .sd-drawer__pill{background:0 0;border-radius:6px;padding:6px 14px;font-family:Aeonik fono,monospace;font-size:13px}.skills-directory .sd-drawer__pill--req{color:var(--sd-orange);background:#f781160a;border:1px solid #f7811666}.skills-directory .sd-drawer__pill--cmd{color:var(--sd-sand);border:1px solid var(--sd-border);background:var(--sd-bg-soft)}.skills-directory .sd-drawer__none{color:var(--sd-sand-muted);font-size:13px;font-style:italic}.skills-directory .sd-drawer__persona{color:var(--sd-sand);font-family:Aeonik fono,monospace;font-size:14px;text-decoration:none}.skills-directory .sd-drawer__persona:hover{color:var(--sd-orange)}body.sd-drawer-open{overflow:hidden}
