:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050605;--surface:#080a08;--surface-2:#0b0d0b;--surface-3:#0e110e;--line:#1d211d;--line-strong:#2d332d;--control-line:#3c443b;--text:#edf2eb;--muted:#919a8d;--dim:#687065;--placeholder:#5f675c;--accent:#b8ff6a;--accent-dim:#7fb64d;--accent-soft:#b8ff6a11;--danger:#ff8f8f;--danger-text:#dcb0b0;--focus:#b8ff6a;--mono:"SFMono-Regular", "SF Mono", "Roboto Mono", "Liberation Mono", Menlo, Consolas, monospace;--page-gutter:24px}*{box-sizing:border-box}html{background:var(--bg);-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button,a,input,textarea,select{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.36}::selection{background:var(--accent);color:#071000}:where(a,button,input,textarea,select):focus-visible{outline:1px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell,.learn-shell{width:100%;padding-top:env(safe-area-inset-top,0px);padding-left:max(var(--page-gutter), env(safe-area-inset-left,0px));padding-right:max(var(--page-gutter), env(safe-area-inset-right,0px));padding-bottom:max(40px, env(safe-area-inset-bottom,0px));margin:0 auto}.app-shell{max-width:1180px;min-height:100dvh}.app-nav,.learn-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:66px;display:flex}.brand{min-height:44px;color:var(--text);letter-spacing:-.02em;align-items:center;gap:8px;font-size:12px;line-height:1;text-decoration:none;display:inline-flex}.brand-prompt,.prompt{color:var(--accent)}.brand-cursor{color:var(--dim);animation:1.05s step-end infinite blink}.nav-actions{align-items:center;gap:18px;min-width:0;display:flex}.model-status{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:8px;font-size:10px;line-height:1.4;display:inline-flex}.status-dot{background:var(--accent-dim);border-radius:50%;flex:0 0 5px;width:5px;height:5px}.status-dot.muted{background:var(--dim)}.learn-link,.back-link{min-height:44px;color:var(--muted);align-items:center;font-size:11px;line-height:1.4;text-decoration:none;transition:color .12s;display:inline-flex}.terminal{border:1px solid var(--line-strong);background:var(--surface);margin-top:clamp(34px,7vh,64px);position:relative}.terminal:before{content:"";background:var(--accent-dim);pointer-events:none;width:42px;height:1px;position:absolute;top:-1px;left:-1px}.terminal-bar{border-bottom:1px solid var(--line);background:#070907;grid-template-columns:1fr auto;align-items:stretch;min-height:48px;display:grid}.terminal-dots{display:none}.terminal-title{color:var(--dim);letter-spacing:.09em;text-transform:uppercase;align-items:center;padding:0 16px;font-size:10px;line-height:1.4;display:flex}.terminal-title:before{content:"session / ";color:#50574d}.mode-switch{border-left:1px solid var(--line);justify-self:end;align-items:stretch;display:flex}.mode-switch button{min-width:86px;min-height:47px;color:var(--dim);text-transform:uppercase;letter-spacing:.07em;background:0 0;border:0;border-left:1px solid #0000;padding:0 16px;font-size:11px;line-height:1;transition:color .12s,background .12s;position:relative}.mode-switch button+button{border-left-color:var(--line)}.mode-switch button.active{color:var(--accent);background:var(--accent-soft)}.mode-switch button.active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-1px;left:14px;right:14px}.progress-track{background:#101310;height:1px;overflow:hidden}.progress-track span{background:var(--accent);height:100%;transition:width .18s;display:block}.terminal-body{grid-template-rows:auto minmax(440px,auto) auto;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding:0;display:grid}.command-line{border-bottom:1px solid var(--line);color:#9ba496;background:var(--surface-2);letter-spacing:.01em;grid-area:1/1/auto/-1;align-items:center;gap:10px;min-height:48px;margin:0;padding:0 18px;font-size:11px;line-height:1.5;display:flex}.command-line:after{content:"--browser --local";color:#4e564c;letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:9px}.prompt{font-weight:700}.terminal-form{border-right:1px solid var(--line);background:#070907;grid-area:2/1;min-width:0;margin:0;padding:20px}.terminal-field{border:1px solid var(--control-line);background:#050705;transition:border-color .12s;display:block;position:relative}.terminal-field:focus-within{border-color:#74806f}.field-topline{border-bottom:1px solid var(--line);background:#080a08;justify-content:space-between;align-items:center;gap:16px;min-height:36px;padding:0 12px;display:flex}.field-label,.field-meta{color:var(--dim);letter-spacing:.085em;text-transform:uppercase;font-size:9px;line-height:1.4}.field-label{color:#9aa394}.field-meta{text-align:right}.terminal-field textarea{resize:vertical;width:100%;min-height:190px;color:var(--text);font:14px/1.72 var(--mono);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;caret-color:var(--accent);background:0 0;border:0;outline:0;padding:16px 14px;display:block}textarea::placeholder,input::placeholder{color:var(--placeholder);opacity:1}.option-row{border:1px solid var(--control-line);background:#070907;border-top:0;grid-template-columns:minmax(0,1fr) minmax(170px,.68fr);display:grid}.option-row label,.password-row{min-width:0;min-height:70px;color:var(--dim);letter-spacing:.075em;text-transform:uppercase;grid-template-columns:1fr;align-content:center;gap:4px;padding:9px 12px;font-size:9px;line-height:1.4;transition:background .12s;display:grid}.option-row label+label{border-left:1px solid var(--control-line)}.option-row label>span,.password-row>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.option-row em{color:#626a5f;text-transform:lowercase;letter-spacing:0;font-style:normal}.option-row label:focus-within,.password-row:focus-within{background:#ffffff04}input,select{color:#cad0c6;width:100%;min-height:38px;font:12px/1.4 var(--mono);letter-spacing:0;text-transform:none;background:0 0;border:0;outline:0;padding:0}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.password-row{border:1px solid var(--control-line);background:#070907;border-top:0}.run-button{width:100%;min-height:46px;color:var(--accent);font:10px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;background:#0a0d09;border:1px solid #607150;border-top:0;justify-content:space-between;align-items:center;padding:0 13px;transition:background .12s,color .12s,border-color .12s;display:flex}.notice{color:var(--danger-text);background:#100b0b;border:0;border-top:1px solid #5e4646;grid-area:3/1/auto/-1;align-items:flex-start;gap:10px;margin:0;padding:11px 16px;font-size:10px;line-height:1.6;display:flex}.notice>span:first-child{color:var(--danger);flex:none;font-weight:700}.terminal-output{background:var(--surface);border:0;flex-direction:column;grid-area:2/2;min-width:0;min-height:100%;margin:0;display:flex}.terminal-output.has-output{background:linear-gradient(180deg, #b8ff6a06, transparent 54%), var(--surface)}.output-heading{border-bottom:1px solid var(--line);min-height:40px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;font-size:9px;line-height:1.4;display:flex}.output-heading span:first-child{color:#9aa394}.output-heading span:last-child{text-align:right}.terminal-output.has-output .output-heading span:last-child{color:var(--accent-dim)}.output-copy{color:#dce2d8;min-height:260px;font:14px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;-webkit-user-select:text;user-select:text;flex:1;padding:22px 18px}.output-empty{color:#50574d;text-align:center;text-transform:uppercase;letter-spacing:.07em;flex:1;justify-content:center;align-items:center;min-height:260px;padding:22px;font-size:10px;line-height:1.6;display:flex}.output-empty:before{content:"//";color:#394037;margin-right:8px}.output-actions{border-top:1px solid var(--line-strong);grid-template-columns:1fr 1fr;display:grid}.output-actions button{min-height:46px;color:var(--muted);font:10px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;background:0 0;border:0;transition:background .12s,color .12s}.output-actions button+button{border-left:1px solid var(--line-strong)}.secret-result{white-space:pre-wrap;overflow-wrap:anywhere;color:#dfe7d9;min-height:260px;font:14px/1.8 var(--mono);-webkit-user-select:text;user-select:text;flex:1;padding:22px 18px}.terminal-statusbar{border-top:1px solid var(--line);color:#586056;text-transform:uppercase;letter-spacing:.07em;background:#060806;justify-content:space-between;align-items:center;gap:20px;min-height:36px;padding:6px 14px;font-size:9px;line-height:1.4;display:flex}@keyframes blink{50%{opacity:0}}.learn-shell{max-width:820px}.learn-main{padding-top:clamp(44px,8vw,74px)}.learn-kicker{color:var(--accent-dim);letter-spacing:.07em;text-transform:uppercase;margin:0 0 18px;font-size:10px;line-height:1.5}.learn-main h1{max-width:700px;color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(32px,5vw,54px);font-weight:500;line-height:1.05}.learn-lead{max-width:680px;color:var(--muted);margin:26px 0 0;font-size:14px;line-height:1.8}.learn-grid{border-top:1px solid var(--line);margin-top:clamp(44px,8vw,66px)}.learn-block{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,1fr);gap:38px;padding:30px 0;display:grid}.learn-block h2{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:10px;font-weight:400;line-height:1.5}.learn-block p,.learn-block ol,.learn-block ul{color:#acb5a5;margin:0;font-size:13px;line-height:1.85}.learn-block p+p{margin-top:14px}.learn-block ol,.learn-block ul{padding-left:20px}.learn-block li+li{margin-top:8px}.learn-block strong{color:#d8ded4;font-weight:500}.learn-code{border:1px solid var(--line-strong);color:var(--muted);font:11px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#070907;margin:17px 0 0;padding:14px}.learn-note{color:#c3d6b5!important}@media (hover:hover) and (pointer:fine){.learn-link:hover,.back-link:hover{color:var(--text)}.mode-switch button:hover{color:var(--text);background:#ffffff05}.mode-switch button.active:hover{color:var(--accent);background:var(--accent-soft)}.run-button:not(:disabled):hover{border-color:var(--accent);background:var(--accent);color:#081006}.output-actions button:hover{color:var(--text);background:#0c0f0c}}@media (max-width:820px){:root{--page-gutter:14px}.app-nav,.learn-header{min-height:62px}.model-status{display:none}.terminal{margin-top:22px}.terminal-body{display:block}.command-line{min-height:44px;padding:0 13px}.command-line:after{display:none}.terminal-form{border-right:0;border-bottom:1px solid var(--line);padding:13px}.terminal-field textarea{min-height:170px;font-size:16px;line-height:1.65}.option-row{grid-template-columns:1fr}.option-row label+label{border-left:0;border-top:1px solid var(--control-line)}input,select{font-size:16px}.run-button{min-height:50px;font-size:11px}.notice{border-top:1px solid #5e4646}.terminal-output{min-height:290px}.output-copy,.secret-result{min-height:220px;padding:18px 14px;font-size:14px;line-height:1.75}.output-empty{min-height:220px}.output-actions button{min-height:50px;font-size:11px}.terminal-statusbar{padding:8px 12px}.learn-main{padding-top:40px}.learn-main h1{font-size:clamp(31px,10vw,45px)}.learn-block{grid-template-columns:1fr;gap:12px;padding:24px 0}}@media (max-width:470px){.nav-actions{gap:10px}.terminal-bar{grid-template-columns:auto 1fr}.terminal-title{padding-left:12px;font-size:9px}.terminal-title:before{display:none}.mode-switch button{min-width:70px;padding:0 10px}.terminal-statusbar{flex-direction:column;align-items:flex-start;gap:3px;min-height:0}.output-actions{grid-template-columns:1fr}.output-actions button+button{border-left:0;border-top:1px solid var(--line-strong)}.learn-header .brand-cursor{display:none}.learn-link,.back-link{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.brand-cursor{animation:none}}