:root{--void:#0c0e16;--steel-1:#13161f;--steel-2:#181c27;--steel-3:#1e2231;--steel-4:#252a3a;--wire:#2e3446;--wire-light:#3a4158;--text-1:#d1d5e0;--text-2:#8b91a3;--text-3:#555c70;--text-4:#3a3f50;--accent:#3ec9b4;--accent-dim:#2a8f7e;--amber:#d4a244;--ember:#c25650;--sage:#5aac72;--indigo:#7c6ed4;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--ease:cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth}body{background:var(--void);color:var(--text-1)}::selection{background:rgba(62,201,180,.18)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--wire);border-radius:3px}.t-label{color:var(--text-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.t-gradient{background:linear-gradient(135deg,var(--accent),#5ab4d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hdr{backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);background:rgba(12,14,22,.92);border-bottom:1px solid var(--wire);box-shadow:0 1px 0 0 rgba(0,0,0,.4)}.hdr-search{background:var(--steel-2);border:1px solid var(--wire);border-radius:var(--radius-md);color:var(--text-1);font-size:13px;outline:none;padding:5px 10px 5px 30px;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);width:170px}.hdr-search:focus{border-color:var(--accent-dim);box-shadow:0 0 0 2px rgba(62,201,180,.08)}.hdr-search::placeholder{color:var(--text-4)}.hdr-link{color:var(--text-2);font-size:13px;text-decoration:none;transition:color .3s var(--ease)}.hdr-link:hover{color:var(--text-1)}#app-sidebar{background:var(--steel-1);border-right:1px solid var(--wire);scrollbar-width:none;transition:width .25s var(--ease)}#app-sidebar .nav-wrap::-webkit-scrollbar,#app-sidebar::-webkit-scrollbar{width:0}.sb-pin-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-3);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all .25s var(--ease);width:26px}.sb-pin-btn:hover{background:var(--steel-3);color:var(--text-1)}.sb-pin-icon{transform:rotate(-45deg);transition:transform .25s var(--ease),color .25s var(--ease)}#app-sidebar.pinned .sb-pin-icon{transform:rotate(0deg)}#app-sidebar.pinned .sb-pin-btn{color:var(--accent)}.sb-link{align-items:center;border-radius:8px;color:var(--text-2);display:flex;font-size:13px;margin:1px 6px;overflow:hidden;padding:7px 10px;text-decoration:none;transition:all .2s var(--ease);white-space:nowrap}.sb-link:hover{background:var(--steel-3);color:var(--text-1)}.sb-link.active{background:rgba(62,201,180,.06);color:var(--accent)}.sb-link .ic{align-items:center;display:flex;height:22px;justify-content:center;width:22px}.sb-link .ic,.sb-link .ic svg{flex-shrink:0}.sb-link .lb{flex:1;margin-left:10px}.sb-link .ct,.sb-link .lb{transition:opacity .15s var(--ease),width .25s var(--ease)}.sb-link .ct{color:var(--text-4);font-family:JetBrains Mono,monospace;font-size:10px;margin-left:auto;min-width:16px;text-align:right}#app-sidebar.collapsed .ct,#app-sidebar.collapsed .lb,#app-sidebar.collapsed .sb-hdr-text{flex:0;margin-left:0;margin-right:0;min-width:0;opacity:0;overflow:hidden;padding-left:0;padding-right:0;pointer-events:none;width:0}#app-sidebar.collapsed .sb-link{align-items:center;display:flex;justify-content:center;margin:1px 8px;padding:8px 0}#app-sidebar.collapsed .sb-hdr-row{justify-content:center;padding:0 8px}#app-sidebar.collapsed .sb-link:hover{background:var(--steel-3);color:var(--text-1)}.hero{background:var(--void);border-bottom:1px solid var(--wire);overflow:hidden;position:relative}.hero:before{background:radial-gradient(ellipse 50% 70% at 0 100%,rgba(62,201,180,.03),transparent 70%),radial-gradient(ellipse 40% 50% at 100% 0,rgba(90,180,212,.02),transparent 70%)}.hero:after,.hero:before{content:"";inset:0;pointer-events:none;position:absolute}.hero:after{background-image:radial-gradient(circle,var(--wire) .4px,transparent .4px);background-size:24px 24px;opacity:.18}.search-bar{align-items:center;background:var(--steel-2);border:1px solid var(--wire);border-radius:var(--radius-md);display:flex;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.search-bar:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 3px rgba(62,201,180,.06)}.search-bar input{background:none;border:none;color:var(--text-1);flex:1;font-size:14px;outline:none;padding:11px 12px}.search-bar input::placeholder{color:var(--text-4)}.search-bar button{background:var(--accent-dim);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin:3px;padding:7px 18px;transition:background .3s var(--ease)}.search-bar button:hover{background:var(--accent)}.card{background:linear-gradient(165deg,var(--steel-2) 0,var(--steel-3) 100%);border:1px solid var(--wire);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.2);display:block;overflow:hidden;text-decoration:none;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}.card:hover{border-color:var(--wire-light);box-shadow:0 2px 8px rgba(0,0,0,.35),0 0 0 1px var(--wire);transform:translateY(-1px)}.card .thumb{background:var(--steel-1);overflow:hidden;position:relative}.card .thumb img{filter:brightness(.88) contrast(1.05);height:100%;object-fit:cover;object-position:top;transition:transform .5s var(--ease),filter .5s var(--ease);width:100%}.card:hover .thumb img{filter:brightness(.95) contrast(1.02);transform:scale(1.02)}.card .thumb:after{background:linear-gradient(180deg,rgba(12,14,22,.3),transparent 40%,transparent 50%,rgba(12,14,22,.75));content:"";inset:0;pointer-events:none;position:absolute}.thumb-placeholder{align-items:center;background:radial-gradient(circle,var(--wire) .5px,transparent .5px),linear-gradient(160deg,var(--steel-1) 0,var(--steel-3) 100%);background-size:20px 20px,100% 100%;display:flex;height:100%;justify-content:center;width:100%}.thumb-name{color:var(--text-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:16px;font-weight:700;letter-spacing:.04em;padding:0 20px;position:relative;text-align:center;z-index:1}.thumb-name:before{color:var(--accent-dim);content:"> ";opacity:.6}.card .badges{align-items:flex-start;display:flex;justify-content:space-between;left:10px;position:absolute;right:10px;top:10px;z-index:2}.pill{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08);border-radius:50px;font-size:9px;font-weight:700;letter-spacing:.06em;padding:3px 9px;text-transform:uppercase}.pill-featured{background:rgba(124,110,212,.7);color:#e0dbff}.pill-free{background:rgba(90,172,114,.55);color:#c8ecd2}.pill-freemium{background:rgba(70,130,200,.5);color:#c4dbf4}.pill-paid{background:rgba(212,162,68,.5);color:#f0deb4}.pill-opensource{background:rgba(90,172,114,.45);color:#c8ecd2}.card .body{padding:14px 16px 16px}.card .name{color:var(--text-1);font-size:14px;font-weight:600;line-height:1.35}.card .desc{color:var(--text-2);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.65;margin-top:4px;-webkit-box-orient:vertical;overflow:hidden}.card .meta{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px}.card .tag{background:var(--steel-1);border:1px solid var(--wire);border-radius:50px;color:var(--text-3);font-size:10px;padding:3px 9px;white-space:nowrap}.card .price{color:var(--accent-dim);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.card .stars{align-items:center;color:var(--text-2);display:flex;font-size:12px;gap:4px}.card .stars .s{color:var(--amber);font-size:11px}.surface{background:linear-gradient(165deg,var(--steel-2) 0,var(--steel-3) 100%);border:1px solid var(--wire);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.15)}.cpill{align-items:center;background:var(--steel-2);border:1px solid var(--wire);border-radius:50px;color:var(--text-2);display:inline-flex;font-size:12px;gap:6px;padding:6px 14px;text-decoration:none;transition:all .3s var(--ease)}.cpill svg{flex-shrink:0}.cpill:hover{background:var(--steel-3);border-color:var(--wire-light);color:var(--text-1)}.sec-hdr{align-items:center;display:flex;gap:14px;margin-bottom:20px}.sec-hdr:after{background:linear-gradient(90deg,var(--wire),transparent);content:"";flex:1;height:1px}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .3s var(--ease)}.btn-accent{background:linear-gradient(135deg,var(--accent-dim),#2a9b8a);box-shadow:0 1px 3px rgba(42,143,126,.3);color:#fff}.btn-accent:hover{box-shadow:0 2px 8px rgba(42,143,126,.4);filter:brightness(1.08)}.btn-ghost{background:var(--steel-3);border:1px solid var(--wire);color:var(--text-2)}.btn-ghost:hover{background:var(--steel-4);border-color:var(--wire-light);color:var(--text-1)}.prose-dark{color:var(--text-2);font-size:14px;line-height:1.8}.star-on{color:var(--amber)}.star-off{color:var(--text-4)}.form-input{background:var(--steel-2);border:1px solid var(--wire);border-radius:var(--radius-md);color:var(--text-1);font-size:14px;outline:none;padding:10px 14px;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);width:100%}.form-input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 2px rgba(62,201,180,.08)}.form-input::placeholder{color:var(--text-4)}textarea.form-input{min-height:80px;resize:vertical}select.form-input{cursor:pointer}.blog-content{color:var(--text-2);font-size:15px;line-height:1.85}.blog-content h2{color:var(--text-1);font-size:20px;font-weight:700;margin:2em 0 .75em}.blog-content h3{color:var(--text-1);font-size:16px;font-weight:600;margin:1.5em 0 .5em}.blog-content p{margin-bottom:1.25em}.blog-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.blog-content a:hover{color:var(--text-1)}.blog-content ol,.blog-content ul{margin-bottom:1.25em;padding-left:1.5em}.blog-content li{margin-bottom:.5em}.blog-content code{background:var(--steel-3);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.85em;padding:2px 6px}.blog-content pre{background:var(--steel-2);border:1px solid var(--wire);border-radius:var(--radius-md);margin-bottom:1.25em;overflow-x:auto;padding:16px}.blog-content pre code{background:none;padding:0}.blog-content blockquote{border-left:3px solid var(--accent-dim);color:var(--text-3);margin-bottom:1.25em;padding-left:16px}.blog-content table{border-collapse:collapse;font-size:14px;margin-bottom:1.25em;width:100%}.blog-content th{color:var(--text-1);font-weight:600;text-align:left}.blog-content td,.blog-content th{border-bottom:1px solid var(--wire);padding:8px 12px}.blog-content img{border-radius:var(--radius-md);margin:1.5em 0}.ftr{background:var(--steel-1);border-top:1px solid var(--wire)}.ftr a{color:var(--text-2);text-decoration:none;transition:color .3s var(--ease)}.ftr a:hover{color:var(--accent)}