:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#020617;--bg-elevated:#020617;--text:#e5e7eb;--text-muted:#9ca3af;--accent:#6366f1;--accent-soft:#6366f11f;--accent-soft-strong:#6366f138;--border-subtle:#94a3b859;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--bg:#f3f4f6;--bg-elevated:#fff;--text:#111827;--text-muted:#6b7280;--accent:#4f46e5;--accent-soft:#4f46e50f;--accent-soft-strong:#4f46e529;--border-subtle:#94a3b880}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}#root{min-height:100vh}a{color:var(--accent);font-weight:500;text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}button{background-color:var(--bg-elevated);color:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.45rem .95rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .18s ease-out,background-color .18s ease-out,transform .1s ease-out}button:hover{border-color:var(--accent);background-color:var(--accent-soft);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 2.5rem;display:flex}.app-header{justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.header-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.95rem}.app-content{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:flex-start;gap:1rem;display:grid}.app-sidebar{border-right:1px solid var(--border-subtle);padding:1rem}.app-main{padding:1.25rem 1.5rem}.hook-list{flex-direction:column;gap:.5rem;display:flex}.hook-list-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .5rem;font-size:.9rem}.hook-list ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.hook-list-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:.5rem;flex-direction:column;gap:.15rem;width:100%;padding:.6rem .7rem;display:flex}.hook-list-item:hover{border-color:var(--accent);background:var(--accent-soft)}.hook-list-item.is-active{border-color:var(--accent);background:var(--accent-soft-strong)}.hook-name{font-size:.95rem;font-weight:600}.hook-description{color:var(--text-muted);font-size:.8rem}.hook-demo{flex-direction:column;gap:1.25rem;display:flex}.hook-demo-header h2{margin:0;font-size:1.3rem}.hook-demo-description{color:var(--text-muted);margin:.25rem 0 0;font-size:.95rem}.hook-list-section{margin-bottom:.75rem}.hook-list-section-header{background:0 0;border:none;border-radius:.35rem;justify-content:flex-start;align-items:center;gap:.4rem;width:100%;padding:.15rem .3rem;display:flex}.hook-list-section-header:hover{background-color:var(--accent-soft)}.hook-list-section-header.is-open{background-color:#94a3b829}.hook-list-section-header.is-open .hook-list-section-title{color:var(--text);font-weight:600}.hook-list-section-header.is-open .hook-list-section-chevron{opacity:1}.hook-list-section-chevron{opacity:.75;font-size:.7rem}.hook-list-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:.8rem}.counter-demo-value{text-align:center;font-size:2.5rem;font-weight:700}.counter-demo-actions{justify-content:center;gap:.75rem;display:flex}.context-summary{border:1px solid var(--border-subtle);background-color:var(--bg-elevated);border-radius:.75rem;flex-direction:column;gap:.4rem;padding:.75rem .85rem;display:flex}.context-summary-pills{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.context-pill{border:1px solid var(--border-subtle);border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.context-pill--success{background-color:var(--accent-soft)}.context-pill--error{color:#fecaca;border-color:#fecaca}.context-pill--muted,.context-pill--neutral{opacity:.85}.context-summary-text{color:var(--text-muted);margin:0;font-size:.85rem}.context-signal-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5rem 1rem;margin-top:.75rem;display:grid}.context-signal-row{justify-content:space-between;gap:.75rem;font-size:.9rem;display:flex}.context-signal-label{color:var(--text-muted)}.context-signal-value{text-align:right;font-weight:500}.context-meta{border:1px dashed var(--border-subtle);background-color:var(--bg-elevated);border-radius:.75rem;margin-top:1rem;padding:.75rem .85rem}.context-meta-title{margin:0;font-size:.9rem}.context-meta-pre{max-height:260px;margin:.5rem 0 0;font-size:.8rem;line-height:1.4;overflow:auto}.theme-toggle{align-items:center;gap:.4rem;padding-inline:.8rem;display:inline-flex}.theme-toggle-icon{font-size:.9rem}.theme-toggle-label{font-size:.85rem}.site-footer{color:var(--text-muted);pointer-events:none;opacity:0;font-size:.75rem;transition:opacity .15s ease-out,transform .15s ease-out;position:fixed;bottom:.75rem;left:50%;transform:translate(-50%)}.site-footer-inner{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:.75rem;padding:.3rem .7rem;display:inline-flex}.site-footer-meta{opacity:.85}.site-footer-link{color:inherit;text-decoration:none}.site-footer-link:hover{text-decoration:underline}.site-footer-links{gap:.5rem;margin:0;padding:0;list-style:none;display:inline-flex}.site-footer.is-visible{opacity:.92;pointer-events:auto;transform:translate(-50%)}.site-footer.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,4px)}@media (width<=768px){.app-shell{padding:1rem}.app-content{grid-template-columns:minmax(0,1fr)}}