:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7fb;color:#172033;--bg: #f4f7fb;--bg-accent: #e7f5ef;--surface: #ffffff;--surface-raised: #f8fbff;--surface-subtle: #eef4f9;--border: #d7e2ec;--border-strong: #b8c7d5;--text: #172033;--muted: #657386;--primary: #2563eb;--primary-strong: #1d4ed8;--accent: #10b981;--accent-warm: #f59e0b;--accent-cyan: #0891b2;--signal-idle: #dce7ef;--shadow: 0 20px 60px rgb(21 35 55 / 12%)}:root[data-theme=dark]{color-scheme:dark;background:#070b12;color:#f8fafc;--bg: #070b12;--bg-accent: #0e1a25;--surface: #101827;--surface-raised: #162033;--surface-subtle: #0c1320;--border: rgb(148 163 184 / 18%);--border-strong: rgb(148 163 184 / 32%);--text: #f8fafc;--muted: #94a3b8;--primary: #3b82f6;--primary-strong: #60a5fa;--accent: #22c55e;--accent-warm: #f97316;--accent-cyan: #22d3ee;--signal-idle: #233044;--shadow: 0 24px 80px rgb(0 0 0 / 36%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,transparent 0 42%,rgb(34 197 94 / 8%) 42% 48%,transparent 48% 100%),linear-gradient(165deg,rgb(59 130 246 / 12%),transparent 38%),linear-gradient(25deg,transparent 44%,rgb(249 115 22 / 10%) 64%,transparent 100%),var(--bg);background-attachment:fixed;margin:0;min-width:320px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{margin:0 auto;max-width:1220px;min-height:100vh;padding:20px 24px 32px}.top-bar,.summary-strip,.detail-panel,.pattern-row,.category-card,.empty-state,.hero-console{background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow)}.top-bar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:14px 16px;position:sticky;top:14px;z-index:10}.brand-block{align-items:center;display:flex;gap:12px;min-width:0}.brand-mark{align-items:center;background:linear-gradient(145deg,var(--primary),var(--accent-cyan));border:1px solid rgb(255 255 255 / 16%);border-radius:8px;color:#fff;display:inline-flex;height:42px;justify-content:center;width:42px}.eyebrow{color:var(--muted);font-size:.73rem;font-weight:760;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{color:var(--text);font-size:1.08rem;line-height:1.1}h2{color:var(--text);font-size:clamp(2.1rem,4.3vw,4rem);letter-spacing:0;line-height:1}.hero-highlight{color:var(--accent-cyan);white-space:nowrap}h3{color:var(--text);font-size:1rem;line-height:1.2}.top-actions{align-items:center;display:flex;gap:8px}.nav-link{border-radius:8px;color:var(--muted);font-size:.93rem;font-weight:720;padding:10px 12px;transition:background-color .15s ease,color .15s ease}.nav-link:hover{background:var(--surface-raised);color:var(--text)}.icon-button,.icon-label-button,.primary-action,.secondary-action,.featured-chip,.copy-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.icon-button{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);height:40px;width:40px}.icon-button:hover,.icon-label-button:hover,.featured-chip:hover,.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.icon-button.is-on{background:#22c55e24;border-color:#22c55e5c;color:var(--accent)}.icon-button:disabled,.icon-label-button:disabled,.featured-chip:disabled{cursor:not-allowed;opacity:.45;transform:none}.hero-section{align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);min-height:calc(100vh - 120px);padding:88px 0 42px}.hero-copy{align-self:center;display:grid;gap:24px}.hero-kicker{display:flex;flex-wrap:wrap;gap:8px}.hero-kicker span{background:#3b82f61f;border:1px solid rgb(59 130 246 / 24%);border-radius:999px;color:var(--primary-strong);font-size:.82rem;font-weight:760;padding:8px 10px}.hero-copy p{color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);line-height:1.68;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-action,.secondary-action{border:1px solid transparent;font-weight:800;gap:9px;min-height:48px;padding:0 18px}.primary-action{background:linear-gradient(135deg,var(--primary),var(--accent-cyan));box-shadow:0 16px 42px #2563eb47;color:#fff}.secondary-action{background:var(--surface);border-color:var(--border);color:var(--text)}.hero-console{align-self:center;border-radius:8px;display:grid;gap:16px;overflow:hidden;padding:16px}.console-header{align-items:center;border-bottom:1px solid var(--border);color:var(--muted);display:flex;gap:8px;margin:-16px -16px 0;padding:14px 16px}.console-dot{background:var(--muted);border-radius:999px;height:9px;opacity:.7;width:9px}.console-dot:nth-child(1){background:#ef4444}.console-dot:nth-child(2){background:#f59e0b}.console-dot:nth-child(3){background:#22c55e}.console-command{align-items:center;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;color:var(--accent);display:grid;gap:10px;grid-template-columns:max-content minmax(0,1fr) max-content;padding:12px}.console-command code,.summary-strip code,.console-header code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.console-command code{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-button{background:transparent;border:1px solid var(--border);color:var(--muted);height:32px;width:32px}.copy-button:hover{border-color:var(--border-strong);color:var(--text)}.console-preview-card{align-items:center;display:flex;gap:12px;justify-content:space-between}.preview-label{color:var(--muted);display:block;font-size:.8rem;font-weight:760;margin-bottom:3px;text-transform:uppercase}.summary-strip{align-items:center;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px}.summary-item{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;color:var(--muted);display:inline-flex;font-size:.9rem;font-weight:700;gap:9px;min-height:50px;padding:0 12px}.summary-item svg{color:var(--accent)}.docs-page{display:grid;gap:18px;padding:66px 0 24px}.docs-hero{background:linear-gradient(135deg,rgb(59 130 246 / 16%),transparent 40%),linear-gradient(25deg,transparent 40%,rgb(34 197 94 / 10%),transparent 80%),color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:14px;padding:clamp(24px,5vw,46px)}.docs-hero h2{font-size:clamp(2rem,4vw,4rem);max-width:900px}.docs-hero p{color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:760px}.docs-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.docs-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:12px;padding:18px}.docs-card-wide{grid-column:1 / -1}.docs-card h3{font-size:1.08rem}.docs-card p,.docs-list{color:var(--muted);line-height:1.65}.docs-code{background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;color:var(--text);margin:0;overflow-x:auto;padding:14px}.docs-code code,.docs-list code,.docs-table code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}.docs-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.docs-table-wrap{overflow-x:auto}.docs-table{border-collapse:collapse;min-width:760px;width:100%}.docs-table th,.docs-table td{border-bottom:1px solid var(--border);padding:12px 10px;text-align:left;vertical-align:top}.docs-table th{color:var(--text);font-size:.82rem;text-transform:uppercase}.docs-table td{color:var(--muted)}.category-view,.detail-view{margin-top:26px}.section-heading,.detail-heading{align-items:center;display:flex;gap:16px;justify-content:space-between}.section-heading{margin-bottom:12px;padding:0 2px}.section-heading h2,.detail-heading h2{font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.08}.section-heading>span,.detail-count,.detail-meta{color:var(--muted);font-size:.9rem}.featured-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.featured-chip{background:#22c55e1f;border:1px solid rgb(34 197 94 / 25%);color:var(--accent);font-size:.88rem;font-weight:780;gap:7px;min-height:36px;padding:0 11px}.category-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{align-items:center;border-radius:8px;color:inherit;cursor:pointer;display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr) max-content;min-height:96px;padding:15px;text-align:left;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.category-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.category-icon{align-items:center;border-radius:8px;color:#fff;display:inline-flex;height:44px;justify-content:center;width:44px}.category-icon-svg{height:24px;width:24px}.category-copy{display:grid;gap:5px;min-width:0}.category-name{color:var(--text);font-weight:820;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-preview{color:var(--muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-count{align-items:center;background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.82rem;font-weight:820;height:30px;justify-content:center;min-width:38px;padding:0 9px}.detail-view{display:grid;gap:14px}.detail-panel{border-radius:8px;display:grid;gap:14px;padding:16px}.detail-heading{display:grid;grid-template-columns:40px minmax(0,1fr) max-content}.search-box{align-items:center;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;color:var(--muted);display:flex;gap:9px;padding:0 12px}.search-box input{background:transparent;border:0;color:var(--text);height:44px;min-width:0;outline:0;width:100%}.detail-meta{display:flex;gap:12px;justify-content:space-between}.pattern-list{display:grid;gap:12px}.pattern-row{border-radius:8px;display:grid;gap:12px;padding:14px}.pattern-row.is-active{border-color:#22c55e99}.pattern-row-main{align-items:center;display:flex;gap:14px;justify-content:space-between}.pattern-title-block{min-width:0}.pattern-title-block h3,.pattern-title-block p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-title-block p{color:var(--muted);font-size:.84rem;margin-top:3px}.icon-label-button{background:var(--text);border:1px solid var(--text);color:var(--bg);flex:0 0 auto;font-weight:820;gap:8px;min-height:38px;padding:0 12px}:root[data-theme=dark] .icon-label-button{background:#f8fafc;border-color:#f8fafc;color:#070b12}.signal-preview{background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;height:152px;overflow:hidden;position:relative;width:100%}.signal-grid{display:none}.signal-samples{align-items:flex-end;bottom:0;display:flex;gap:1px;left:0;position:absolute;right:0}.signal-sample{border-top-left-radius:4px;border-top-right-radius:4px;flex:1;min-height:4px}.signal-impulse{border-radius:5px;position:absolute;width:18px}.signal-axis{background:var(--accent-warm);bottom:0;height:4px;left:0;position:absolute;right:0}.signal-playhead{animation-name:playhead-sweep;animation-timing-function:linear;background:var(--text);bottom:0;left:0;position:absolute;top:0;width:3px}.empty-state{border-radius:8px;color:var(--muted);padding:28px;text-align:center}@keyframes playhead-sweep{0%{left:0}to{left:100%}}@media(max-width:960px){.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:54px}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.app-shell{padding:12px 14px 24px}.top-bar,.pattern-row-main,.detail-meta,.console-preview-card{align-items:stretch;flex-direction:column}.top-bar{display:grid;position:static}.top-actions{flex-wrap:wrap;justify-content:flex-start}.nav-link{padding-inline:8px}.hero-section{padding-top:34px}.hero-actions,.primary-action,.secondary-action{width:100%}.summary-strip,.category-grid{grid-template-columns:1fr}.docs-page{padding-top:24px}.detail-heading{grid-template-columns:40px minmax(0,1fr)}.detail-count{grid-column:2}.icon-label-button{justify-content:center;width:100%}}