:root{--hsc-bg:#fff;--hsc-text:#0f172a;--hsc-text-secondary:#334155;--hsc-text-muted:#64748b;--hsc-border:#e2e8f0;--hsc-border-light:#f1f5f9;--hsc-shadow-sm:0 1px 2px #0000000d;--hsc-shadow:0 4px 6px #00000012;--hsc-input-bg:#f8fafc;--hsc-input-border:#cbd5e1;--hsc-input-focus:#6366f1;--hsc-card-radius:12px;--hsc-1xx-color:#3b82f6;--hsc-1xx-bg:#3b82f614;--hsc-1xx-border:#3b82f633;--hsc-1xx-badge:#3b82f61f;--hsc-2xx-color:#059669;--hsc-2xx-bg:#05966914;--hsc-2xx-border:#05966933;--hsc-2xx-badge:#0596691f;--hsc-3xx-color:#d97706;--hsc-3xx-bg:#d9770614;--hsc-3xx-border:#d9770633;--hsc-3xx-badge:#d977061f;--hsc-4xx-color:#dc2626;--hsc-4xx-bg:#dc262614;--hsc-4xx-border:#dc262633;--hsc-4xx-badge:#dc26261f;--hsc-5xx-color:#7c3aed;--hsc-5xx-bg:#7c3aed14;--hsc-5xx-border:#7c3aed33;--hsc-5xx-badge:#7c3aed1f;--hsc-filter-bg:transparent;--hsc-filter-active-bg:#0f172a;--hsc-filter-active-text:#fff;--hsc-pin-color:#f59e0b;--hsc-pin-bg:#f59e0b1a}._hsc-container{flex-direction:column;gap:1rem;width:100%;max-width:960px;margin:0 auto;display:flex}@media (max-width:768px){._hsc-container{padding-left:1rem;padding-right:1rem}}._hsc-toolbar{background:var(--hsc-bg);border-radius:var(--hsc-card-radius);border-style:solid;border-width:1px;border-color:var(--hsc-border);box-shadow:var(--hsc-shadow);flex-direction:column;gap:.75rem;padding:1rem;display:flex}._hsc-search-wrap{align-items:center;display:flex;position:relative}._hsc-search-wrap>svg{color:var(--hsc-text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:.875rem}._hsc-search{background:var(--hsc-input-bg);width:100%;color:var(--hsc-text);border-style:solid;border-width:1.5px;border-color:var(--hsc-input-border);border-radius:8px;outline:none;padding:.625rem 2.5rem .625rem 2.75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}._hsc-search::placeholder{color:var(--hsc-text-muted)}._hsc-search:focus{border-color:var(--hsc-input-focus);box-shadow:0 0 0 3px #6366f126}._hsc-search-clear{width:1.5rem;height:1.5rem;color:var(--hsc-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:absolute;right:.5rem}._hsc-search-clear:hover{color:var(--hsc-text);background:var(--hsc-border-light)}._hsc-filters{flex-wrap:wrap;gap:.375rem;display:flex}._hsc-filter{border-radius:var(--main-radius-full);background:var(--hsc-filter-bg);color:var(--hsc-text-muted);cursor:pointer;border:0 solid #0000;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}._hsc-filter:hover{background:var(--hsc-border-light);color:var(--hsc-text)}._hsc-filter.active{background:var(--hsc-filter-active-bg);color:var(--hsc-filter-active-text)}._hsc-filter-1xx.active{background:var(--hsc-1xx-color);color:#fff}._hsc-filter-2xx.active{background:var(--hsc-2xx-color);color:#fff}._hsc-filter-3xx.active{background:var(--hsc-3xx-color);color:#fff}._hsc-filter-4xx.active{background:var(--hsc-4xx-color);color:#fff}._hsc-filter-5xx.active{background:var(--hsc-5xx-color);color:#fff}._hsc-pinned-section{background:var(--hsc-bg);border-radius:var(--hsc-card-radius);border-style:solid;border-width:1px;border-color:var(--hsc-border);box-shadow:var(--hsc-shadow-sm);overflow:hidden}._hsc-pinned-header{color:var(--hsc-pin-color);letter-spacing:.03em;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--hsc-border-light);align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.75rem;font-weight:600;display:flex}._hsc-pinned-header svg{flex-shrink:0}._hsc-pinned-list{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}._hsc-empty{text-align:center;color:var(--hsc-text-muted);padding:3rem 1rem;font-size:.875rem}@media (max-width:480px){._hsc-toolbar{padding:.75rem}._hsc-filters{gap:.25rem}._hsc-filter{padding:.3125rem .625rem;font-size:.75rem}}._hsc-grid{flex-direction:column;gap:.75rem;min-height:200px;display:flex}._hsc-group{flex-direction:column;gap:.5rem;display:flex}._hsc-group-header{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}._hsc-group-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}._hsc-group-title{color:var(--hsc-text-secondary);letter-spacing:.02em;font-size:.8125rem;font-weight:600}._hsc-group-count{color:var(--hsc-text-muted);font-size:.6875rem;font-weight:400}._hsc-group[data-cat="1"] ._hsc-group-dot{background:var(--hsc-1xx-color)}._hsc-group[data-cat="2"] ._hsc-group-dot{background:var(--hsc-2xx-color)}._hsc-group[data-cat="3"] ._hsc-group-dot{background:var(--hsc-3xx-color)}._hsc-group[data-cat="4"] ._hsc-group-dot{background:var(--hsc-4xx-color)}._hsc-group[data-cat="5"] ._hsc-group-dot{background:var(--hsc-5xx-color)}._hsc-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;display:grid}._hsc-card{background:var(--hsc-bg);border-radius:var(--hsc-card-radius);border-style:solid;border-width:1px;border-color:var(--hsc-border);box-shadow:var(--hsc-shadow-sm);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}._hsc-card:hover{box-shadow:var(--hsc-shadow)}._hsc-card[data-cat="1"]:hover{border-color:var(--hsc-1xx-border)}._hsc-card[data-cat="2"]:hover{border-color:var(--hsc-2xx-border)}._hsc-card[data-cat="3"]:hover{border-color:var(--hsc-3xx-border)}._hsc-card[data-cat="4"]:hover{border-color:var(--hsc-4xx-border)}._hsc-card[data-cat="5"]:hover{border-color:var(--hsc-5xx-border)}._hsc-card.expanded{border-color:var(--hsc-border);box-shadow:var(--hsc-shadow)}._hsc-card[data-cat="1"].expanded{border-color:var(--hsc-1xx-border)}._hsc-card[data-cat="2"].expanded{border-color:var(--hsc-2xx-border)}._hsc-card[data-cat="3"].expanded{border-color:var(--hsc-3xx-border)}._hsc-card[data-cat="4"].expanded{border-color:var(--hsc-4xx-border)}._hsc-card[data-cat="5"].expanded{border-color:var(--hsc-5xx-border)}._hsc-code{font-family:var(--main-font-mono);white-space:nowrap;flex-shrink:0;min-width:2.5rem;font-size:1.125rem;font-weight:700;line-height:1}._hsc-card[data-cat="1"] ._hsc-code{color:var(--hsc-1xx-color)}._hsc-card[data-cat="2"] ._hsc-code{color:var(--hsc-2xx-color)}._hsc-card[data-cat="3"] ._hsc-code{color:var(--hsc-3xx-color)}._hsc-card[data-cat="4"] ._hsc-code{color:var(--hsc-4xx-color)}._hsc-card[data-cat="5"] ._hsc-code{color:var(--hsc-5xx-color)}._hsc-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}._hsc-name{color:var(--hsc-text);font-size:.8125rem;font-weight:600;line-height:1.3}._hsc-desc{color:var(--hsc-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}._hsc-pin-btn{width:1.5rem;height:1.5rem;color:var(--hsc-border);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}._hsc-pin-btn:hover,._hsc-pin-btn.pinned{color:var(--hsc-pin-color)}._hsc-pinned-card{border-radius:var(--main-radius-full);cursor:pointer;border:0 solid #0000;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:500;transition:opacity .15s;display:inline-flex}._hsc-pinned-card:hover{opacity:.8}._hsc-pinned-card[data-cat="1"]{background:var(--hsc-1xx-badge);color:var(--hsc-1xx-color)}._hsc-pinned-card[data-cat="2"]{background:var(--hsc-2xx-badge);color:var(--hsc-2xx-color)}._hsc-pinned-card[data-cat="3"]{background:var(--hsc-3xx-badge);color:var(--hsc-3xx-color)}._hsc-pinned-card[data-cat="4"]{background:var(--hsc-4xx-badge);color:var(--hsc-4xx-color)}._hsc-pinned-card[data-cat="5"]{background:var(--hsc-5xx-badge);color:var(--hsc-5xx-color)}._hsc-pinned-code{font-family:var(--main-font-mono);font-weight:700}@media (max-width:640px){._hsc-cards{grid-template-columns:1fr}}._hsc-detail{border-top-style:dashed;border-top-width:1px;border-top-color:var(--hsc-border);flex-direction:column;gap:.75rem;width:100%;margin-top:.75rem;padding-top:.75rem;display:flex}._hsc-detail-section{flex-direction:column;gap:.25rem;display:flex}._hsc-detail-label{color:var(--hsc-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:600}._hsc-detail-text{color:var(--hsc-text-secondary);font-size:.8125rem;line-height:1.5}._hsc-use-cases{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}._hsc-use-case{color:var(--hsc-text-secondary);padding-left:.875rem;font-size:.8125rem;line-height:1.4;position:relative}._hsc-use-case:before{content:"";background:var(--hsc-text-muted);border-radius:50%;width:4px;height:4px;position:absolute;top:.5em;left:0}._hsc-headers{flex-wrap:wrap;gap:.375rem;display:flex}._hsc-header-tag{font-family:var(--main-font-mono);background:var(--hsc-border-light);color:var(--hsc-text-secondary);border-radius:4px;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}._hsc-related{flex-wrap:wrap;gap:.375rem;display:flex}._hsc-related-btn{font-family:var(--main-font-mono);cursor:pointer;border:0 solid #0000;border-radius:4px;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;transition:opacity .15s;display:inline-flex}._hsc-related-btn:hover{opacity:.8}._hsc-related-btn[data-cat="1"]{background:var(--hsc-1xx-badge);color:var(--hsc-1xx-color)}._hsc-related-btn[data-cat="2"]{background:var(--hsc-2xx-badge);color:var(--hsc-2xx-color)}._hsc-related-btn[data-cat="3"]{background:var(--hsc-3xx-badge);color:var(--hsc-3xx-color)}._hsc-related-btn[data-cat="4"]{background:var(--hsc-4xx-badge);color:var(--hsc-4xx-color)}._hsc-related-btn[data-cat="5"]{background:var(--hsc-5xx-badge);color:var(--hsc-5xx-color)}._hsc-detail-actions{gap:.5rem;padding-top:.5rem;display:flex}._hsc-copy-btn{border-style:solid;border-width:1px;border-color:var(--hsc-border);color:var(--hsc-text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}._hsc-copy-btn:hover{background:var(--hsc-border-light);color:var(--hsc-text)}._hsc-copy-btn svg{flex-shrink:0}._hsc-card.expanded{flex-direction:column;align-items:stretch}._hsc-card.expanded ._hsc-card-top{align-items:flex-start;gap:.75rem;display:flex}._hsc-card.expanded ._hsc-desc{-webkit-line-clamp:unset;display:block}@media (max-width:480px){._hsc-detail{gap:.625rem}._hsc-detail-text,._hsc-use-case{font-size:.75rem}}