:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c0a;--surface:#111411;--surface-2:#151915;--surface-3:#1a1f1a;--line:#353d35;--line-strong:#4b5649;--control-line:#5d6959;--text:#f7faf5;--muted:#c2c9be;--dim:#929b8e;--placeholder:#7e887a;--accent:#b7ff4a;--accent-dim:#95d63d;--accent-soft:#b7ff4a1c;--danger:#ff9a9a;--danger-text:#ffd0d0;--focus:#b7ff4a;--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:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), radial-gradient(circle at 50% -20%, #b7ff4a0e, transparent 38%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background-size:48px 48px,48px 48px,auto,auto;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:.42}::selection{background:var(--accent);color:#071000}:where(a,button,input,textarea,select):focus-visible{outline:2px 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(48px, env(safe-area-inset-bottom,0px));margin:0 auto}.app-shell{max-width:1240px;min-height:100dvh}.app-nav,.learn-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.brand{min-height:44px;color:var(--text);letter-spacing:-.025em;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.brand-prompt,.prompt{color:var(--accent)}.brand-cursor{color:var(--accent-dim);animation:1.05s step-end infinite blink}.nav-actions{align-items:center;gap:20px;min-width:0;display:flex}.model-status{color:var(--muted);text-transform:uppercase;letter-spacing:.075em;align-items:center;gap:8px;font-size:10px;line-height:1.4;display:inline-flex}.status-dot{background:var(--accent);border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 3px #b7ff4a14}.status-dot.muted{background:var(--dim);box-shadow:none}.learn-link,.back-link{min-height:44px;color:var(--text);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(30px,6vh,56px);position:relative;box-shadow:0 24px 70px #00000042}.terminal:before{content:"";background:var(--accent);pointer-events:none;width:88px;height:2px;position:absolute;top:-1px;left:-1px}.terminal-bar{border-bottom:1px solid var(--line-strong);background:var(--surface-2);grid-template-columns:1fr auto;align-items:stretch;min-height:52px;display:grid}.terminal-dots{display:none}.terminal-title{color:var(--text);letter-spacing:.085em;text-transform:uppercase;align-items:center;padding:0 17px;font-size:10px;font-weight:600;line-height:1.4;display:flex}.terminal-title:before{content:"session / ";color:var(--dim);font-weight:400}.mode-switch{border-left:1px solid var(--line-strong);justify-self:end;align-items:stretch;display:flex}.mode-switch button{min-width:90px;min-height:51px;color:var(--muted);text-transform:uppercase;letter-spacing:.075em;background:0 0;border:0;padding:0 17px;font-size:11px;font-weight:600;line-height:1;transition:color .12s,background .12s}.mode-switch button+button{border-left:1px solid var(--line-strong)}.mode-switch button.active{color:#081006;background:var(--accent)}.progress-track{background:#202620;height:2px;overflow:hidden}.progress-track span{background:var(--accent);height:100%;transition:width .18s;display:block}.terminal-body{grid-template-rows:auto minmax(460px,auto) auto;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);padding:0;display:grid}.command-line{border-bottom:1px solid var(--line);min-height:50px;color:var(--text);background:var(--surface-3);letter-spacing:.01em;grid-area:1/1/auto/-1;align-items:center;gap:10px;margin:0;padding:0 18px;font-size:12px;line-height:1.5;display:flex}.command-line:after{content:"--browser --local-ai";color:var(--dim);letter-spacing:.07em;text-transform:uppercase;margin-left:auto;font-size:9px}.prompt{font-weight:700}.terminal-form{border-right:1px solid var(--line-strong);background:#0f120f;grid-area:2/1;min-width:0;margin:0;padding:22px}.terminal-field{border:1px solid var(--control-line);background:#0c0f0c;transition:border-color .12s,box-shadow .12s;display:block;position:relative}.terminal-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px #b7ff4a1f}.field-topline{border-bottom:1px solid var(--line);background:#141814;justify-content:space-between;align-items:center;gap:16px;min-height:39px;padding:0 13px;display:flex}.field-label,.field-meta{letter-spacing:.08em;text-transform:uppercase;font-size:10px;line-height:1.4}.field-label{color:var(--text);font-weight:600}.field-meta{color:var(--dim);text-align:right}.terminal-field textarea{resize:vertical;width:100%;min-height:200px;color:var(--text);font:15px/1.7 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:17px 15px;display:block}textarea::placeholder,input::placeholder{color:var(--placeholder);opacity:1}.option-row{border:1px solid var(--control-line);background:#111511;border-top:0;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);display:grid}.option-row label,.password-row{min-width:0;min-height:76px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;grid-template-columns:1fr;align-content:center;gap:5px;padding:10px 13px;font-size:10px;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:var(--dim);text-transform:lowercase;letter-spacing:0;font-style:normal}.option-row label:focus-within,.password-row:focus-within{background:#b7ff4a0e}input,select{width:100%;min-height:40px;color:var(--text);font:13px/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:#111511;border-top:0}.run-button{border:1px solid var(--accent);background:var(--accent);color:#081006;width:100%;min-height:50px;font:11px/1 var(--mono);text-transform:uppercase;letter-spacing:.085em;border-top:0;justify-content:space-between;align-items:center;padding:0 14px;font-weight:700;transition:filter .12s,background .12s,color .12s;display:flex}.notice{color:var(--danger-text);background:#241313;border:0;border-top:1px solid #8d5858;grid-area:3/1/auto/-1;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;font-size:11px;line-height:1.6;display:flex}.notice>span:first-child{color:var(--danger);flex:none;font-weight:700}.terminal-output{background:#121612;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(#b7ff4a13,#0000 54%),#121612}.output-heading{border-bottom:1px solid var(--line);min-height:42px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;background:#171b17;justify-content:space-between;align-items:center;gap:16px;padding:0 15px;font-size:10px;line-height:1.4;display:flex}.output-heading span:first-child{color:var(--text);font-weight:600}.output-heading span:last-child{text-align:right}.terminal-output.has-output .output-heading span:last-child{color:var(--accent)}.output-copy{min-height:280px;color:var(--text);font:15px/1.78 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:24px 20px}.output-empty{min-height:280px;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.07em;flex:1;justify-content:center;align-items:center;padding:24px;font-size:11px;line-height:1.6;display:flex}.output-empty:before{content:">";color:var(--accent);margin-right:9px;font-weight:700}.output-actions{border-top:1px solid var(--line-strong);grid-template-columns:1fr 1fr;display:grid}.output-actions button{min-height:50px;color:var(--text);font:10px/1 var(--mono);text-transform:uppercase;letter-spacing:.075em;background:#171b17;border:0;font-weight:600;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;min-height:280px;color:var(--text);font:15px/1.78 var(--mono);-webkit-user-select:text;user-select:text;flex:1;padding:24px 20px}.terminal-statusbar{border-top:1px solid var(--line-strong);min-height:38px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;background:#101310;justify-content:space-between;align-items:center;gap:20px;padding:7px 14px;font-size:9px;line-height:1.4;display:flex}@keyframes blink{50%{opacity:0}}.learn-shell{max-width:840px}.learn-main{padding-top:clamp(46px,8vw,76px)}.learn-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:10px;line-height:1.5}.learn-main h1{max-width:720px;color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(34px,5vw,56px);font-weight:600;line-height:1.04}.learn-lead{max-width:690px;color:var(--muted);margin:26px 0 0;font-size:15px;line-height:1.8}.learn-grid{border-top:1px solid var(--line-strong);margin-top:clamp(46px,8vw,68px)}.learn-block{border-bottom:1px solid var(--line);grid-template-columns:140px minmax(0,1fr);gap:40px;padding:32px 0;display:grid}.learn-block h2{color:var(--text);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:10px;font-weight:600;line-height:1.5}.learn-block p,.learn-block ol,.learn-block ul{color:var(--muted);margin:0;font-size:14px;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:var(--text);font-weight:600}.learn-code{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:12px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:17px 0 0;padding:15px}.learn-note{color:#dcf8c4!important}@media (hover:hover) and (pointer:fine){.learn-link:hover,.back-link:hover{color:var(--accent)}.mode-switch button:not(.active):hover{color:var(--text);background:#1d221d}.run-button:not(:disabled):hover{filter:brightness(1.08)}.output-actions button:hover{color:var(--accent);background:#202620}}@media (max-width:820px){:root{--page-gutter:14px}.app-nav,.learn-header{min-height:64px}.model-status{display:none}.terminal{box-shadow:none;margin-top:20px}.terminal-body{display:block}.command-line{min-height:46px;padding:0 13px}.command-line:after{display:none}.terminal-form{border-right:0;border-bottom:1px solid var(--line-strong);padding:14px}.terminal-field textarea{min-height:176px;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:52px;font-size:11px}.terminal-output{min-height:300px}.output-copy,.secret-result{min-height:230px;padding:19px 15px;font-size:15px;line-height:1.72}.output-empty{min-height:230px}.output-actions button{min-height:52px;font-size:11px}.terminal-statusbar{padding:9px 12px}.learn-main{padding-top:40px}.learn-main h1{font-size:clamp(31px,10vw,46px)}.learn-block{grid-template-columns:1fr;gap:12px;padding:25px 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}}