:root{--bg: #191724;--surface: #1f1d2e;--overlay: #26233a;--border: #2e2b44;--border-light: #3e3a58;--text: #e0def4;--text-muted: #908caa;--text-dim: #6e6a86;--accent: #ebbcba;--accent-hover: #f0cbc9;--pine: #9ccfd8;--foam: #56949f;--iris: #c4a7e7;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Menlo, Monaco, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;width:100%}.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:0 max(1.25rem,env(safe-area-inset-right)) 0 max(1.25rem,env(safe-area-inset-left));width:100%}.site-header{border-bottom:1px solid var(--border);background-color:var(--surface);padding:.85rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content,.header-brand{display:flex;justify-content:space-between;align-items:center}.logo-link{text-decoration:none;display:inline-flex;align-items:center;min-height:40px}.logo{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--accent);letter-spacing:-.5px}.mobile-nav-toggle{display:none;background:transparent;border:1px solid var(--border);border-radius:6px;padding:.5rem;cursor:pointer;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:var(--text);transition:background-color .15s ease,border-color .15s ease}.mobile-nav-toggle:hover,.mobile-nav-toggle:focus-visible{background-color:var(--overlay);border-color:var(--border-light)}.nav-toggle-bar{display:block;width:20px;height:2px;background-color:var(--text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.mobile-nav-toggle.is-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-nav-toggle.is-open .nav-toggle-bar:nth-child(2){opacity:0}.mobile-nav-toggle.is-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{display:flex;align-items:center;gap:.5rem}.main-nav a{color:var(--text-muted);text-decoration:none;padding:.45rem .85rem;border-radius:5px;font-size:.9rem;font-weight:500;transition:color .15s ease,background-color .15s ease;display:inline-flex;align-items:center;min-height:38px}.main-nav a:hover{color:var(--text);background-color:var(--overlay)}.main-nav a.active{color:var(--text);background-color:var(--overlay);font-weight:600}.main-nav a.nav-github{color:var(--foam)}.main-nav a.nav-github:hover{color:var(--pine)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:.92rem;font-weight:600;padding:.65rem 1.25rem;border-radius:6px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;min-height:44px;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background-color:var(--overlay);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background-color:var(--border);border-color:var(--border-light)}.hero{padding:4rem 0 3.5rem}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.hero-title{font-size:clamp(2.1rem,5vw,2.85rem);font-weight:800;letter-spacing:-1px;margin:0 0 1rem;color:var(--text);line-height:1.15}.subtitle{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.65;color:var(--text-muted);margin:0 0 1.75rem}.hero-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.hero-code-card{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;max-width:100%;box-shadow:0 8px 24px #0003}.card-window-header{background-color:var(--overlay);padding:.5rem .85rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);min-height:40px}.window-title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.hero-card-run{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--pine);text-decoration:none;padding:.25rem .6rem;border-radius:4px;background-color:#9ccfd81a;border:1px solid rgba(156,207,216,.25);min-height:28px;display:inline-flex;align-items:center;transition:background-color .15s ease}.hero-card-run:hover{background-color:#9ccfd833}.card-editor-wrap{padding:.25rem 0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.features-section{padding:3.5rem 0;border-top:1px solid var(--border)}.section-title{font-size:clamp(1.4rem,3.5vw,1.7rem);font-weight:700;margin:0 0 1.5rem;color:var(--text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.feature-card{background-color:var(--surface);padding:1.35rem 1.4rem;border-radius:6px;border:1px solid var(--border);transition:border-color .15s ease,background-color .15s ease}.feature-card:hover{border-color:var(--border-light)}.feature-card h3{font-size:1rem;font-weight:600;margin:0 0 .4rem;color:var(--text)}.feature-card p{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.55}.quickstart-section{padding:3rem 0;border-top:1px solid var(--border)}.section-desc{color:var(--text-muted);font-size:.95rem;margin:0 0 1rem}.cli-box{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.25rem;margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.cli-box code{font-family:var(--font-mono);font-size:.9rem;color:var(--text);line-height:1.6}.playground-section{padding:1.5rem 0 2.5rem;flex-grow:1}.playground-wrapper{display:flex;flex-direction:column;gap:.75rem}.playground-toolbar{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.65rem .85rem;display:flex;flex-direction:column;gap:.65rem}.toolbar-examples-row{display:flex;align-items:center;gap:.6rem;width:100%}.toolbar-label{font-size:.8rem;font-weight:600;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.examples-pills{display:flex;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;flex-grow:1}.examples-pills::-webkit-scrollbar{display:none}.example-pill{background-color:var(--overlay);color:var(--text-muted);border:1px solid transparent;padding:.35rem .75rem;border-radius:4px;font-size:.82rem;cursor:pointer;font-family:var(--font-sans);white-space:nowrap;flex-shrink:0;min-height:34px;touch-action:manipulation;transition:all .15s ease}.example-pill:hover{color:var(--text);border-color:var(--border)}.example-pill.active{background-color:#ebbcba26;color:var(--accent);border-color:#ebbcba59;font-weight:600}.toolbar-actions-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:.5rem}.status-indicator{display:flex;align-items:center;gap:.45rem;min-height:30px}.status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--pine);box-shadow:0 0 6px var(--pine);flex-shrink:0}.status-text{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);white-space:nowrap}.toolbar-buttons{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.btn-tool{background-color:var(--overlay);color:var(--text);border:1px solid var(--border);padding:.4rem .8rem;border-radius:4px;font-size:.82rem;cursor:pointer;font-family:var(--font-sans);min-height:36px;touch-action:manipulation;transition:background-color .15s ease,border-color .15s ease}.btn-tool:hover{background-color:var(--border);border-color:var(--border-light)}.btn-run{background-color:var(--pine);color:var(--bg);border:1px solid var(--pine);padding:.4rem 1.1rem;border-radius:4px;font-size:.85rem;font-weight:700;cursor:pointer;font-family:var(--font-sans);min-height:36px;touch-action:manipulation;transition:opacity .15s ease,transform .1s ease}.btn-run:hover{opacity:.9}.btn-run:active{transform:scale(.98)}.mobile-view-tabs{display:none}.playground-split-view{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;height:580px}.pane{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.pane-header{background-color:var(--overlay);padding:.45rem .85rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;min-height:38px}.pane-tab{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);font-weight:600}.pane-quick-run,.pane-status{display:none}.pane-body{flex-grow:1;overflow:hidden;position:relative;min-height:0}code-editor,xterm-display{height:100%;width:100%;display:block;max-width:100%}.docs-container{display:flex;max-width:1100px;margin:0 auto;padding:2rem 1.5rem;gap:2.5rem;min-height:calc(100vh - 160px)}.docs-sidebar{width:240px;flex-shrink:0;position:sticky;top:4rem;max-height:calc(100vh - 5rem);overflow-y:auto;height:fit-content;padding-right:1rem;border-right:1px solid var(--border)}.docs-sidebar-summary{display:none}.docs-sidebar-content{display:block}.docs-search-container{margin-bottom:1.25rem}.docs-search-input{width:100%;background-color:var(--surface);border:1px solid var(--border);padding:.5rem .85rem;border-radius:5px;color:var(--text);font-family:var(--font-sans);font-size:.88rem;outline:none;transition:border-color .15s ease}.docs-search-input:focus{border-color:var(--border-light)}.sidebar-group{margin-bottom:1.25rem}.sidebar-group h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 .35rem;font-weight:700}.sidebar-links a{display:block;color:var(--text-muted);text-decoration:none;padding:.35rem .5rem;border-radius:4px;font-size:.88rem;transition:color .15s ease,background-color .15s ease}.sidebar-links a:hover{color:var(--text);background-color:var(--overlay)}.sidebar-links a.active{color:var(--accent);background-color:#ebbcba1f;font-weight:600}.docs-content{flex-grow:1;max-width:740px;min-width:0}.docs-header-bar{margin-bottom:1.25rem}.docs-breadcrumb{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-dim);flex-wrap:wrap}.docs-breadcrumb a{color:var(--text-muted);text-decoration:none;padding:.2rem 0}.docs-breadcrumb a:hover{color:var(--text)}.breadcrumb-sep{color:var(--text-dim)}.breadcrumb-current{color:var(--text);font-weight:600}.docs-content h2{font-size:clamp(1.6rem,4vw,1.95rem);font-weight:800;margin:0 0 1rem;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:.6rem;letter-spacing:-.5px}.docs-content h3{font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:600;margin:2rem 0 .75rem;color:var(--text)}.docs-content p{margin-bottom:1rem;line-height:1.65;color:#c5c3da;font-size:.95rem;word-break:break-word}.code-block-container{margin:1.25rem 0;border-radius:6px;overflow:hidden;border:1px solid var(--border);background-color:var(--surface);max-width:100%}.code-block-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--overlay);padding:.4rem .75rem;border-bottom:1px solid var(--border);min-height:38px}.code-block-lang{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);text-transform:lowercase;font-weight:600}.try-button{display:inline-flex;align-items:center;gap:.35rem;background-color:#9ccfd81f;color:var(--pine);border:1px solid rgba(156,207,216,.3);padding:.3rem .7rem;border-radius:4px;cursor:pointer;font-family:var(--font-sans);font-size:.78rem;font-weight:600;min-height:28px;touch-action:manipulation;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.try-button:hover{background-color:#9ccfd840;border-color:var(--pine);color:#bbf0f9}.playground-note{background-color:#c4a7e714;border-left:3px solid var(--iris);padding:.75rem 1rem;border-radius:0 4px 4px 0;font-size:.9rem;color:var(--iris);margin:1.25rem 0;line-height:1.5}.docs-pagination{display:flex;justify-content:space-between;gap:1rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.pagination-card{display:flex;flex-direction:column;padding:.9rem 1.1rem;background-color:var(--surface);border:1px solid var(--border);border-radius:6px;text-decoration:none;flex:1;min-height:54px;justify-content:center;transition:border-color .15s ease,background-color .15s ease}.pagination-card:hover{border-color:var(--border-light);background-color:var(--overlay)}.pagination-card.next-card{text-align:right}.pagination-dir{font-size:.75rem;color:var(--text-dim);margin-bottom:.2rem;font-weight:500}.pagination-name{font-size:.95rem;font-weight:600;color:var(--accent)}.pagination-card-empty{flex:1}.toast-container{position:fixed;bottom:max(1.5rem,env(safe-area-inset-bottom));right:1.5rem;z-index:1000;display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.toast-message{background-color:var(--overlay);color:var(--text);border:1px solid var(--border-light);padding:.65rem 1.1rem;border-radius:6px;font-size:.88rem;box-shadow:0 8px 24px #00000059;pointer-events:auto}.toast-message.toast-error{border-color:#eb6f92;color:#eb6f92}.toast-fade-out{opacity:0;transition:opacity .3s ease}.site-footer{background-color:var(--surface);border-top:1px solid var(--border);padding:2.5rem 0 max(2.5rem,env(safe-area-inset-bottom));margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.footer-title{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:var(--accent);margin:0 0 .35rem}.footer-desc{color:var(--text-muted);font-size:.88rem;margin:0;max-width:440px;line-height:1.5}.footer-right{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-right a{color:var(--text-muted);text-decoration:none;font-size:.9rem;min-height:38px;display:inline-flex;align-items:center;transition:color .15s ease}.footer-right a:hover{color:var(--text)}@media(max-width:860px){.hero{padding:3rem 0 2.5rem}.hero-container{grid-template-columns:1fr;gap:2rem}.docs-container{flex-direction:column;gap:1rem;padding:1.25rem 1rem}.docs-sidebar{width:100%;position:static;max-height:none;border:1px solid var(--border);border-radius:6px;background-color:var(--surface);padding:0;margin-bottom:.5rem}.docs-sidebar-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;background-color:var(--overlay);border-radius:6px;min-height:48px;touch-action:manipulation}.docs-sidebar-summary::-webkit-details-marker{display:none}.docs-sidebar[open] .docs-sidebar-summary{border-bottom:1px solid var(--border);border-bottom-left-radius:0;border-bottom-right-radius:0}.docs-summary-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.docs-summary-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background-color:var(--surface);padding:.2rem .45rem;border-radius:3px;border:1px solid var(--border);font-weight:600}.docs-summary-title{font-size:.95rem;font-weight:700;color:var(--accent)}.docs-summary-toggle{font-size:.82rem;color:var(--pine);font-weight:600;white-space:nowrap}.docs-sidebar-content{padding:1rem;max-height:55vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.docs-search-input{font-size:16px;min-height:42px}.sidebar-links a{padding:.5rem .65rem;min-height:38px;display:flex;align-items:center;font-size:.92rem}}@media(max-width:768px){.mobile-view-tabs{display:flex;gap:.35rem;background-color:var(--surface);padding:.3rem;border-radius:6px;border:1px solid var(--border);margin-bottom:.25rem}.mobile-tab{flex:1;text-align:center;padding:.55rem .4rem;min-height:38px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);touch-action:manipulation;transition:all .15s ease}.mobile-tab.active{background-color:var(--overlay);color:var(--accent);font-weight:700;box-shadow:0 1px 3px #00000040}.playground-split-view{display:block;height:auto}.playground-split-view.view-editor-only .editor-pane{display:flex;height:420px}.playground-split-view.view-editor-only .terminal-pane,.playground-split-view.view-output-only .editor-pane{display:none}.playground-split-view.view-output-only .terminal-pane{display:flex;height:420px}.playground-split-view.view-split{display:flex;flex-direction:column;gap:.75rem}.playground-split-view.view-split .pane{height:320px}.pane-quick-run{display:inline-flex;align-items:center;padding:.25rem .65rem;font-size:.78rem;font-weight:700;background-color:var(--pine);color:var(--bg);border:none;border-radius:4px;cursor:pointer;min-height:28px;touch-action:manipulation}.pane-status{display:inline-block;font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}}@media(max-width:680px){.site-header{padding:.65rem 0}.header-content{flex-direction:column;align-items:stretch}.header-brand{width:100%}.mobile-nav-toggle{display:flex}.main-nav{display:none;flex-direction:column;align-items:stretch;width:100%;padding:.75rem 0 .25rem;gap:.35rem;border-top:1px solid var(--border);margin-top:.65rem}.main-nav.is-open{display:flex}.main-nav a{min-height:44px;padding:.65rem 1rem;font-size:.95rem;border-radius:6px}.hero{padding:2.25rem 0 2rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.features-grid{grid-template-columns:1fr}.toolbar-actions-row{flex-direction:column;align-items:stretch;gap:.65rem}.toolbar-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.35rem}.toolbar-buttons .btn-tool{text-align:center;justify-content:center;padding:.4rem .5rem}.toolbar-buttons .btn-run{padding:.4rem .9rem}.docs-pagination{flex-direction:column;gap:.75rem;margin-top:2rem}.pagination-card.next-card{text-align:left}.pagination-card-empty{display:none}.toast-container{left:1rem;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));align-items:center}.toast-message{max-width:95%;text-align:center}.footer-content{flex-direction:column;gap:1.5rem}.footer-right{gap:1rem}}