:root{--canvas:#090a0d;--surface-1:#101217;--surface-2:#16181f;--surface-3:#1d212b;--code-bg:#0d0e12;--terminal-bg:#08090c;--rule-hairline:#1a1d24;--rule-subtle:#242934;--rule-strong:#333948;--focus-ring:#60a5fa;--text-primary:#f2f3f5;--text-secondary:#9da3af;--text-tertiary:#5d6472;--text-link:#93c5fd;--state-pass:#22c55e;--state-fail:#ef4444;--state-warn:#f59e0b;--state-info:#38bdf8;--font-editorial:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", Menlo, Monaco, Consolas, monospace;--site-width:1140px;--header-height:52px;--ease-out-cubic:cubic-bezier(.16, 1, .3, 1);--duration-short:.15s;--duration-medium:.26s;--duration-long:.42s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-editorial);background-color:var(--canvas);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}body{background-color:var(--canvas);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}a{color:var(--text-link);transition:color var(--duration-short) ease;text-decoration:none}a:hover{color:#bfdbfe}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}code,pre,.font-mono{font-family:var(--font-mono);font-feature-settings:"liga" 0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.site-container{width:100%;max-width:var(--site-width);margin:0 auto;padding:0 24px}.animate-fade-in{opacity:0;animation:entranceFade var(--duration-medium) var(--ease-out-cubic) forwards;transform:translateY(8px)}.animate-delay-1{animation-delay:60ms}.animate-delay-2{animation-delay:.12s}.animate-delay-3{animation-delay:.18s}.animate-delay-4{animation-delay:.24s}@keyframes entranceFade{to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{opacity:0;transition:opacity var(--duration-medium) var(--ease-out-cubic), transform var(--duration-medium) var(--ease-out-cubic);transform:translateY(10px)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.site-header{z-index:90;height:var(--header-height);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule-hairline);background:#090a0deb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:8px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.brand:hover{color:#fff;text-decoration:none}.brand-name{font-family:var(--font-mono);letter-spacing:-.03em}.brand-divider{color:var(--text-tertiary);font-weight:300}.brand-version{font-family:var(--font-mono);color:var(--text-secondary);font-size:.72rem}.site-nav{align-items:center;gap:22px;display:flex}.nav-item{color:var(--text-secondary);transition:color var(--duration-short) ease;padding:4px 0;font-size:.88rem;text-decoration:none;position:relative}.nav-item:hover{color:var(--text-primary);text-decoration:none}.nav-item.active{color:var(--text-primary);font-weight:500}.nav-item.active:after{content:"";background:var(--text-primary);height:2px;position:absolute;bottom:-15px;left:0;right:0}.header-actions{align-items:center;gap:16px;display:flex}.nav-link-subtle{color:var(--text-secondary);align-items:center;gap:4px;font-size:.84rem;display:inline-flex}.nav-link-subtle:hover{color:var(--text-primary);text-decoration:none}.external-icon{opacity:.6}.menu-toggle{color:var(--text-secondary);padding:4px;display:none}.mobile-menu-drawer{top:var(--header-height);background:var(--surface-1);border-bottom:1px solid var(--rule-subtle);z-index:89;flex-direction:column;gap:16px;padding:20px 24px;display:none;position:fixed;left:0;right:0}.mobile-menu-drawer.is-open{display:flex}.mobile-menu-drawer .nav-item{border-bottom:1px solid var(--rule-hairline);padding:8px 0;font-size:1.05rem}.btn{transition:all var(--duration-short) ease;cursor:pointer;white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.86rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{color:#fff;background:#2563eb;border:1px solid #1d4ed8}.btn-primary:hover{background:#3b82f6;border-color:#2563eb}.btn-outline{color:var(--text-primary);border:1px solid var(--rule-subtle);background:0 0}.btn-outline:hover{background:var(--surface-2);border-color:var(--rule-strong)}.btn-sm{padding:4px 10px;font-size:.8rem}.hero{border-bottom:1px solid var(--rule-hairline);padding:72px 0 54px}.hero-meta-strip{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin-bottom:18px;font-size:.74rem;display:flex}.meta-bullet{color:var(--text-tertiary)}.hero-title{letter-spacing:-.035em;color:var(--text-primary);max-width:980px;margin-bottom:22px;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:700;line-height:1.08}.hero-subhead{color:var(--text-secondary);max-width:780px;margin-bottom:32px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:48px;display:flex}.install-command-box{background:var(--code-bg);border:1px solid var(--rule-subtle);font-family:var(--font-mono);color:var(--text-primary);border-radius:3px;align-items:center;gap:12px;padding:7px 14px;font-size:.86rem;display:inline-flex}.install-command-box .prompt{color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.copy-icon-btn{color:var(--text-tertiary);transition:color var(--duration-short) ease;border-radius:2px;align-items:center;padding:2px 4px;display:inline-flex}.copy-icon-btn:hover{color:var(--text-primary)}.copy-icon-btn.is-copied{color:var(--state-pass)}.hero-tape{background:var(--rule-hairline);border:1px solid var(--rule-hairline);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.tape-cell{background:var(--canvas);padding:16px 20px}.tape-label{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.72rem}.tape-value{font-family:var(--font-mono);color:var(--text-primary);font-size:.95rem;font-weight:600}.terminal-section{border-bottom:1px solid var(--rule-hairline);padding:64px 0}.terminal-frame{background:var(--terminal-bg);border:1px solid var(--rule-subtle);border-radius:4px;overflow:hidden}.terminal-header{background:var(--surface-1);border-bottom:1px solid var(--rule-hairline);font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 16px;font-size:.78rem;display:flex}.terminal-id-tag{color:var(--text-tertiary)}.terminal-controls{background:var(--surface-2);border-bottom:1px solid var(--rule-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.scenario-select-group{align-items:center;gap:8px;display:flex}.select-clean{background:var(--code-bg);border:1px solid var(--rule-subtle);color:var(--text-primary);font-family:var(--font-mono);border-radius:2px;outline:none;padding:4px 8px;font-size:.8rem}.terminal-mode-tabs{align-items:center;gap:4px;display:flex}.mode-tab{font-family:var(--font-mono);color:var(--text-tertiary);transition:all var(--duration-short) ease;background:0 0;border-radius:2px;padding:4px 10px;font-size:.76rem}.mode-tab:hover{color:var(--text-primary)}.mode-tab.active{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--rule-hairline)}.playback-group{align-items:center;gap:8px;display:flex}.terminal-screen{min-height:400px;max-height:580px;font-family:var(--font-mono);background:var(--terminal-bg);padding:24px;font-size:.84rem;line-height:1.65;overflow-y:auto}.tape-line{white-space:pre-wrap;word-break:break-word;margin-bottom:4px}.tape-line.command{color:var(--text-primary);margin-bottom:12px;font-weight:600}.tape-line.meta{color:var(--text-tertiary)}.tape-line.trial{border-left:2px solid var(--rule-subtle);color:var(--text-secondary);margin:10px 0;padding-left:12px}.tape-line.trial.active{border-left-color:var(--state-info);background:#38bdf808}.tape-line.diagnosis-result{background:var(--surface-1);border:1px solid var(--rule-subtle);border-left:3px solid var(--state-pass);margin-top:18px;padding:16px}.editorial-section{border-bottom:1px solid var(--rule-hairline);padding:72px 0}.section-label{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.74rem;display:block}.section-heading{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.15}.section-lead{color:var(--text-secondary);max-width:720px;margin-bottom:40px;font-size:1.05rem;line-height:1.6}.split-grid{border-top:1px solid var(--rule-hairline);grid-template-columns:1fr 1fr;gap:48px;padding-top:36px;display:grid}.split-col h3{letter-spacing:-.015em;color:var(--text-primary);margin-bottom:12px;font-size:1.25rem;font-weight:600}.split-col p{color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.mechanics-sequence{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px;display:grid}.mechanic-step{border-top:2px solid var(--rule-subtle);padding-top:20px}.mechanic-index{font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:8px;font-size:.78rem}.mechanic-title{margin-bottom:10px;font-size:1.15rem;font-weight:600}.mechanic-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.code-container{background:var(--code-bg);border:1px solid var(--rule-hairline);border-radius:3px;margin:16px 0;position:relative}.code-header-strip{background:var(--surface-1);border-bottom:1px solid var(--rule-hairline);font-family:var(--font-mono);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding:6px 14px;font-size:.75rem;display:flex}.code-content{font-family:var(--font-mono);color:#e5e7eb;padding:16px;font-size:.85rem;line-height:1.6;overflow-x:auto}.playground-shell{background:var(--surface-1);border:1px solid var(--rule-subtle);border-radius:4px;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;padding:28px;display:grid}.field-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;display:block}.input-area{background:var(--code-bg);border:1px solid var(--rule-subtle);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:2px;outline:none;padding:10px 12px;font-size:.82rem;line-height:1.55}.input-area:focus{border-color:var(--focus-ring)}.input-text{background:var(--code-bg);border:1px solid var(--rule-subtle);width:100%;color:var(--text-primary);font-family:var(--font-mono);border-radius:2px;outline:none;padding:8px 12px;font-size:.82rem}.input-text:focus{border-color:var(--focus-ring)}.playground-results{background:var(--terminal-bg);border:1px solid var(--rule-hairline);font-family:var(--font-mono);min-height:280px;max-height:480px;padding:16px;font-size:.82rem;overflow-y:auto}.docs-layout{grid-template-columns:220px 1fr;gap:48px;padding:48px 0;display:grid}.docs-nav-sidebar{top:calc(var(--header-height) + 24px);height:fit-content;position:sticky}.docs-sidebar-title{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.72rem}.docs-sidebar-links{flex-direction:column;gap:8px;list-style:none;display:flex}.docs-sidebar-link{color:var(--text-secondary);transition:color var(--duration-short) ease;padding:2px 0;font-size:.86rem;text-decoration:none;display:block}.docs-sidebar-link:hover,.docs-sidebar-link.is-active{color:var(--text-primary);text-decoration:none}.table-scroller{border:1px solid var(--rule-hairline);margin:18px 0;overflow-x:auto}.reference-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.reference-table th{background:var(--surface-1);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--rule-subtle);padding:10px 14px;font-size:.75rem}.reference-table td{border-bottom:1px solid var(--rule-hairline);color:var(--text-secondary);padding:12px 14px}.reference-table tr:last-child td{border-bottom:none}.site-footer{border-top:1px solid var(--rule-hairline);background:var(--canvas);margin-top:auto;padding:54px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-summary{color:var(--text-tertiary);max-width:320px;margin-top:12px;font-size:.84rem;line-height:1.55}.footer-meta-line{font-family:var(--font-mono);color:var(--text-tertiary);align-items:center;gap:8px;margin-top:14px;font-size:.72rem;display:flex}.meta-dot{color:var(--rule-strong)}.footer-heading{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:.74rem}.footer-nav{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-nav a{color:var(--text-secondary);font-size:.84rem;text-decoration:none}.footer-nav a:hover{color:var(--text-primary)}.footer-subline{border-top:1px solid var(--rule-hairline);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding-top:20px;font-size:.78rem;display:flex}@media (width<=960px){.hero-tape{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr;gap:32px}.mechanics-sequence{grid-template-columns:1fr;gap:24px}.playground-shell,.docs-layout{grid-template-columns:1fr}.docs-nav-sidebar{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=720px){.site-nav{display:none}.menu-toggle{display:inline-flex}.hero{padding:48px 0 36px}.hero-tape{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-subline{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transform:none!important}.animate-fade-in,.reveal-on-scroll{opacity:1!important;transform:none!important}}
