@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap";:root{--detail-bg:#0b0c0b;--detail-panel:#151714;--detail-panel-soft:#1b1e1a;--detail-line:#ffffff17;--detail-text:#f3f5ee;--detail-muted:#9ba196;--detail-green:#a1ff63;--detail-max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--detail-text);background:radial-gradient(circle at 72% 0,#a1ff6314,#0000 30rem),linear-gradient(#0e100e 0,#0a0b0a 45%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--detail-green);outline-offset:3px}.detail-container{width:min(calc(100% - 48px), var(--detail-max));margin:0 auto}.detail-header{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0c0bd9;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.detail-header-row{align-items:center;gap:24px;min-height:70px;display:flex}.detail-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:14px;font-weight:800;display:inline-flex}.detail-brand-mark{color:#17200e;background:linear-gradient(145deg,#cb8bff,#a1ff63);border-radius:11px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.detail-nav{color:var(--detail-muted);align-items:center;gap:24px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.detail-nav a:hover,.detail-nav .is-active{color:var(--detail-text)}.detail-header-cta,.detail-primary-button{color:#111510;background:#f4f6ee;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 15px;font-size:12px;font-weight:800;display:inline-flex}.detail-back-link{color:#bdc5b7;margin:28px 0 22px;font-size:12px;font-weight:700;display:inline-flex}.detail-back-link:hover{color:var(--detail-green)}.skill-detail-hero{border-bottom:1px solid var(--detail-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;padding:24px 0 32px;display:grid;position:relative}.skill-detail-icon{color:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:24px;font-weight:800;display:grid}.tone-blue{background:linear-gradient(145deg,#4e95fc,#5358db)}.tone-violet{background:linear-gradient(145deg,#b274ee,#7e4ecf)}.tone-green{color:#13200f;background:linear-gradient(145deg,#a6df6e,#4eaa60)}.tone-amber{color:#261706;background:linear-gradient(145deg,#f7c96d,#d77c40)}.tone-coral{background:linear-gradient(145deg,#f28087,#cd5b72)}.tone-red{background:linear-gradient(145deg,#ee7770,#bf3c44)}.tone-teal{background:linear-gradient(145deg,#66d3c4,#339a9a)}.tone-pink{background:linear-gradient(145deg,#f382b7,#b457a0)}.skill-detail-kicker,.detail-panel-label,.detail-file-label{color:var(--detail-green);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.skill-detail-hero h1{letter-spacing:-.06em;margin:5px 0 8px;font-size:clamp(28px,4vw,44px);line-height:1}.skill-detail-hero p{max-width:700px;color:var(--detail-muted);margin:0;font-size:14px;line-height:1.65}.detail-share-button{border:1px solid var(--detail-line);color:#e5e9e1;background:#ffffff0a;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:700}.skill-detail-layout{grid-template-columns:minmax(0,1fr) 336px;gap:38px;padding:34px 0 72px;display:grid}.skill-detail-main{min-width:0}.detail-section{border-bottom:1px solid var(--detail-line);margin-bottom:30px;padding:0 0 32px}.detail-section h2,.detail-files-card h2{letter-spacing:-.035em;margin:0 0 12px;font-size:18px;line-height:1.15}.detail-section>p{color:#b6bcb0;max-width:760px;margin:0;font-size:13px;line-height:1.75}.detail-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-section-heading h2{margin-top:6px}.detail-section-subtitle{color:var(--detail-muted);margin:0;font-size:12px;line-height:1.55}.detail-inline-copy,.detail-feedback-button{border:1px solid var(--detail-line);color:#dce3d8;background:#ffffff0a;border-radius:8px;flex:none;padding:8px 10px;font-size:11px;font-weight:700}.detail-prompt{background:#111410;border:1px solid #a1ff6326;border-radius:12px;margin-top:17px;padding:15px;overflow-x:auto}.detail-prompt code,.detail-code-block code{color:#c7f492;white-space:pre-wrap;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.6}.detail-use-list{gap:11px;margin:0;padding:0;list-style:none;display:grid}.detail-use-list li{color:#bec4b9;gap:9px;font-size:13px;line-height:1.55;display:flex}.detail-use-list li:before{content:"✓";color:var(--detail-green);font-weight:800}.detail-feedback-section{border-bottom:0}.detail-feedback-empty{color:#858d82;border:1px dashed #ffffff1f;border-radius:12px;margin-top:18px;padding:17px;font-size:12px}.skill-detail-sidebar{align-content:start;gap:14px;height:fit-content;display:grid;position:sticky;top:94px}.detail-action-card,.detail-install-card,.detail-files-card{border:1px solid var(--detail-line);background:linear-gradient(150deg,#1c1f1bf0,#111311f0);border-radius:16px;padding:17px}.detail-action-card{background:radial-gradient(circle at 85% 0,#a1ff6324,#0000 11rem),linear-gradient(150deg,#1c1f1bf0,#111311f0)}.detail-action-card-head,.detail-files-heading{color:var(--detail-muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.detail-status-dot{color:#b9f68c}.detail-status-dot:before{content:"";background:#a1ff63;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 8px #a1ff63cc}.detail-action-card h2{letter-spacing:-.04em;margin:16px 0 7px;font-size:17px;line-height:1.15}.detail-action-card p,.detail-install-panel p{color:var(--detail-muted);margin:0 0 16px;font-size:11px;line-height:1.6}.detail-action-card .detail-primary-button{width:100%}.detail-install-tabs{background:#0c0d0b;border-radius:9px;grid-template-columns:1fr 1fr;margin:-10px -10px 16px;padding:3px;display:grid}.detail-install-tab{min-height:31px;color:var(--detail-muted);background:0 0;border:0;border-radius:7px;font-size:10px;font-weight:700}.detail-install-tab.is-active{color:#f1f4ed;background:#282c26}.detail-code-block{background:#0e110e;border-radius:9px;gap:8px;padding:11px;display:flex}.detail-code-block code{flex:1;min-width:0}.detail-code-block button{color:#dce3d8;background:0 0;border:1px solid #ffffff1f;border-radius:5px;align-self:flex-start;padding:4px 6px;font-size:9px}.detail-secondary-button{border:1px solid var(--detail-line);color:#e3e8df;border-radius:8px;align-items:center;min-height:32px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.detail-files-heading h2{margin:0;font-size:14px}.detail-files-heading span{background:#ffffff12;border-radius:99px;padding:2px 6px;font-size:10px}.detail-files-card ul{gap:9px;margin:14px 0 0;padding:0;list-style:none;display:grid}.detail-files-card li{color:#bfc6ba;align-items:center;gap:8px;font-size:11px;display:flex}.detail-files-card li span{color:var(--detail-green)}.detail-not-found{text-align:center;place-content:center;justify-items:center;min-height:500px;display:grid}.detail-not-found-icon{width:52px;height:52px;color:var(--detail-green);background:#ffffff12;border-radius:50%;place-items:center;font-size:25px;font-weight:800;display:grid}.detail-not-found h1{margin:16px 0 6px;font-size:30px}.detail-not-found p{color:var(--detail-muted);margin:0 0 18px;font-size:13px}.related-skills{padding:0 0 68px}.related-skills-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.related-skills-head h2{letter-spacing:-.05em;margin:6px 0 0;font-size:25px;line-height:1}.related-skills-head>a{color:#c4ef85;font-size:12px;font-weight:700}.related-skills-head>a span{margin-left:4px;font-size:14px}.related-skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.related-skill-card{border:1px solid var(--detail-line);background:linear-gradient(150deg,#1b1e1ae6,#111311e0);border-radius:14px;flex-direction:column;min-height:205px;padding:16px;transition:transform .17s,border-color .17s,background .17s;display:flex}.related-skill-card:hover{background:linear-gradient(150deg,#242821f0,#111311e6);border-color:#a1ff6366;transform:translateY(-3px)}.related-skill-card:focus-visible{outline:2px solid var(--detail-green);outline-offset:3px}.related-skill-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.related-skill-icon{color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.related-skill-category{color:#8f968b;text-align:right;font-size:9px;font-weight:700}.related-skill-card h3{color:#f0f2eb;letter-spacing:-.03em;margin:14px 0 8px;font-size:14px;line-height:1.25}.related-skill-card p{color:var(--detail-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.related-skill-link{color:#c4ef85;margin-top:auto;padding-top:14px;font-size:10px;font-weight:700}.related-skill-link b{margin-left:3px;font-size:12px}.detail-footer{border-top:1px solid var(--detail-line);color:#7e857b;padding:24px 0;font-size:11px}.detail-footer .detail-container{justify-content:space-between;gap:18px;display:flex}.detail-footer a{color:#bde789}@media (width<=860px){.detail-nav{display:none}.detail-header-cta{margin-left:auto}.skill-detail-layout{grid-template-columns:1fr}.skill-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.detail-files-card{grid-column:span 2}.related-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.detail-container{width:min(calc(100% - 32px), var(--detail-max))}.detail-header-row{min-height:62px}.skill-detail-hero{grid-template-columns:auto minmax(0,1fr)}.detail-share-button{grid-column:1/-1;justify-self:start}.skill-detail-icon{border-radius:15px;width:48px;height:48px;font-size:20px}.skill-detail-hero h1{font-size:29px}.skill-detail-hero p{font-size:12px}.skill-detail-layout{gap:14px;padding-top:25px}.skill-detail-sidebar{grid-template-columns:1fr}.detail-files-card{grid-column:auto}.detail-section-heading{flex-direction:column;align-items:flex-start}.related-skills{padding-bottom:48px}.related-skills-grid{grid-template-columns:1fr}.detail-footer .detail-container{flex-direction:column}}