:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--screen:#efb43a;--screen-bright:#f7c553;--screen-deep:#dda12a;--ink:#090805;--ink-soft:#3f3214;--ink-faint:#725716;--line:#09080547;--line-strong:#090805b8;--danger:#60130e;--danger-bg:#60130e14;--sans:Arial, Helvetica, sans-serif}*{box-sizing:border-box}html{background:var(--screen);-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{background:var(--screen);min-height:100dvh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button,a,input,textarea,select{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.34}::selection{background:var(--ink);color:var(--screen-bright)}:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--ink);outline-offset:3px}.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{background:var(--screen);width:100%;min-height:100dvh;margin:0;padding:0}.terminal-screen{isolation:isolate;background:radial-gradient(ellipse at 50% 40%, #ffe7991f, transparent 58%), var(--screen);width:100%;min-height:100dvh;color:var(--ink);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.terminal-screen:before{content:"";z-index:30;pointer-events:none;mix-blend-mode:multiply;opacity:.38;background:repeating-linear-gradient(#09080509 0 1px,#0000 1px 4px);position:absolute;inset:0}.terminal-screen:after{content:"";z-index:29;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 84px #56350014,inset 0 -30px 46px #56350012}.app-nav,.learn-header{z-index:2;min-height:88px;padding:max(18px, env(safe-area-inset-top,0px)) max(34px, env(safe-area-inset-right,0px)) 18px max(34px, env(safe-area-inset-left,0px));border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;display:grid;position:relative}.brand,.learn-link,.back-link{color:var(--ink);text-decoration:none}.brand{letter-spacing:-.065em;text-transform:uppercase;justify-self:start;font-size:clamp(20px,2vw,28px);font-weight:900;line-height:1}.mode-switch{border:2px solid var(--ink);grid-template-columns:1fr 1fr;width:min(300px,32vw);min-width:220px;display:grid}.mode-switch button{min-height:50px;color:var(--ink);letter-spacing:-.03em;text-transform:uppercase;background:0 0;border:0;padding:0 22px;font-size:14px;font-weight:900;line-height:1}.mode-switch button+button{border-left:2px solid var(--ink)}.mode-switch button.active{background:var(--ink);color:var(--screen-bright)}.device-readout{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums;justify-self:end;align-items:center;gap:14px;font-size:11px;font-weight:900;display:flex}.device-readout span+span:before{content:"/";color:var(--ink-faint);margin-right:14px}.editorial-flow{z-index:2;flex-direction:column;min-height:0;display:flex;position:relative}.progress-track{z-index:10;border-bottom:2px solid var(--ink);background:#0908051f;height:8px;position:absolute;top:0;left:0;right:0;overflow:hidden}.progress-track span{background:var(--ink);height:100%;transition:width .16s steps(8,end);display:block}.flow-stage{min-height:0;padding:clamp(42px, 5.5vw, 88px) max(34px, env(safe-area-inset-right,0px)) clamp(46px, 6vw, 92px) max(34px, env(safe-area-inset-left,0px));flex:1;align-items:center;display:flex}.terminal-step{grid-template-columns:minmax(280px,.78fr) minmax(500px,1.22fr);align-items:start;gap:clamp(56px,7vw,120px);width:100%;animation:.14s steps(2,end) both screen-refresh;display:grid}.compact-step{grid-template-columns:minmax(300px,.9fr) minmax(460px,1.1fr)}.step-heading{min-width:0}.step-kicker,.editor-meta,.field-topline,.result-meta,.terminal-footer{letter-spacing:.055em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.2}.step-kicker{color:var(--ink-soft);margin:0 0 22px}.step-heading h2{max-width:760px;color:var(--ink);font-family:var(--sans);letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(58px,7vw,112px);font-weight:900;line-height:.88}.step-intro{max-width:560px;color:var(--ink-soft);margin:30px 0 0;font-size:clamp(15px,1.35vw,20px);font-weight:700;line-height:1.45}.step-form{width:100%;min-width:0}.editor-field,.select-field,.password-field,.result-box{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:0 0;width:100%;display:block}.editor-meta,.field-topline,.result-meta{min-height:52px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:18px;display:flex}.editor-meta .detected{color:var(--ink)}.editor-field textarea{resize:vertical;border:0;border-top:2px solid var(--line-strong);width:100%;min-height:clamp(280px,34vh,460px);color:var(--ink);font-family:var(--sans);letter-spacing:-.045em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;caret-color:var(--ink);background:0 0;outline:0;padding:26px 0 30px;font-size:clamp(26px,3vw,46px);font-weight:800;line-height:1.18;display:block}.editor-field textarea::placeholder,.password-field input::placeholder{color:var(--ink-faint);opacity:1}.select-field select{appearance:none;border:0;border-top:2px solid var(--line-strong);background:linear-gradient(45deg, transparent 50%, var(--ink) 50%) calc(100% - 28px) 50% / 12px 12px no-repeat, linear-gradient(135deg, var(--ink) 50%, transparent 50%) calc(100% - 20px) 50% / 12px 12px no-repeat;width:100%;min-height:112px;color:var(--ink);font-family:var(--sans);letter-spacing:-.055em;text-transform:uppercase;outline:0;padding:0 70px 0 0;font-size:clamp(32px,4vw,58px);font-weight:900}.password-field{margin-top:38px}.password-field input{border:0;border-top:2px solid var(--line-strong);width:100%;min-height:92px;color:var(--ink);font-family:var(--sans);letter-spacing:-.035em;background:0 0;outline:0;padding:0;font-size:clamp(24px,2.5vw,38px);font-weight:800;display:block}.password-field>small{border-top:1px solid var(--line);color:var(--ink-soft);padding:16px 0 18px;font-size:13px;font-weight:700;line-height:1.45;display:block}.notice{border-top:2px solid var(--danger);border-bottom:2px solid var(--danger);background:var(--danger-bg);color:var(--danger);margin-top:22px;padding:16px 0;font-size:14px;font-weight:800;line-height:1.45}.form-actions,.result-actions{justify-content:flex-end;align-items:center;gap:18px;margin-top:30px;display:flex}.split-actions,.result-actions{justify-content:space-between}.result-main-actions{align-items:center;gap:14px;display:flex}.primary-action,.secondary-action,.text-action{min-height:60px;font-family:var(--sans);letter-spacing:-.025em;text-transform:uppercase;border-radius:0;font-size:14px;font-weight:900;line-height:1;transition:background 80ms step-end,color 80ms step-end,transform 80ms step-end}.primary-action{border:3px solid var(--ink);background:var(--ink);min-width:190px;color:var(--screen-bright);padding:0 28px}.secondary-action{border:3px solid var(--ink);min-width:140px;color:var(--ink);background:0 0;padding:0 24px}.text-action{color:var(--ink-soft);background:0 0;border:0;padding:0}.result-step{align-items:start}.result-box{min-width:0}.output-copy,.secret-result{border-top:2px solid var(--line-strong);min-height:clamp(280px,34vh,440px);color:var(--ink);font-family:var(--sans);letter-spacing:-.04em;white-space:pre-wrap;-webkit-user-select:text;user-select:text;padding:28px 0 34px;font-size:clamp(25px,2.8vw,42px);font-weight:800;line-height:1.26}.output-copy{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.secret-result{overflow-wrap:anywhere}.result-note{max-width:650px;color:var(--ink-soft);grid-column:2;margin:20px 0 0;font-size:12px;font-weight:700;line-height:1.5}.single-action{grid-column:2;justify-content:flex-end}.terminal-footer{z-index:2;min-height:62px;padding:14px max(34px, env(safe-area-inset-right,0px)) max(14px, env(safe-area-inset-bottom,0px)) max(34px, env(safe-area-inset-left,0px));border-top:2px solid var(--ink);color:var(--ink-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid;position:relative}.terminal-footer .learn-link{justify-self:start}.terminal-footer>span:nth-child(2){justify-self:center}.terminal-footer>span:last-child{justify-self:end}.learn-link,.back-link{color:var(--ink);text-transform:uppercase;font-size:11px;font-weight:900}@keyframes screen-refresh{0%{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.mode-switch button:hover:not(.active),.secondary-action:not(:disabled):hover{background:#09080514}.primary-action:not(:disabled):hover{background:var(--screen-bright);color:var(--ink)}.text-action:hover,.learn-link:hover,.back-link:hover{color:var(--ink);text-underline-offset:5px;text-decoration:underline}}.learn-shell{background:var(--screen);min-height:100dvh;color:var(--ink);padding:0 max(34px, env(safe-area-inset-right,0px)) max(70px, env(safe-area-inset-bottom,0px)) max(34px, env(safe-area-inset-left,0px))}.learn-header{margin-left:-34px;margin-right:-34px}.learn-main{width:min(100%,1180px);margin:0 auto;padding:clamp(70px,9vw,130px) 0 80px}.learn-kicker{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;margin:0 0 24px;font-size:11px;font-weight:900}.learn-main h1{max-width:980px;color:var(--ink);font-family:var(--sans);letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(64px,8vw,116px);font-weight:900;line-height:.88}.learn-lead{max-width:760px;color:var(--ink-soft);margin:36px 0 0;font-size:18px;font-weight:700;line-height:1.55}.learn-grid{border-top:3px solid var(--ink);margin-top:clamp(70px,9vw,120px)}.learn-block{border-bottom:2px solid var(--line-strong);grid-template-columns:minmax(130px,.35fr) minmax(0,1.65fr);gap:clamp(34px,7vw,110px);padding:34px 0 38px;display:grid}.learn-block h2{color:var(--ink);text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.learn-block>div{max-width:760px}.learn-block p,.learn-block ul,.learn-block ol{color:var(--ink-soft);margin:0;font-size:16px;font-weight:700;line-height:1.65}.learn-block p+p{margin-top:16px}.learn-block ul,.learn-block ol{padding-left:20px}.learn-block li+li{margin-top:10px}.learn-block strong{color:var(--ink);font-weight:900}.learn-code{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);color:var(--ink);font:800 14px/1.6 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;margin:24px 0 0;padding:18px 0}.learn-note{color:var(--ink)!important}@media (max-width:980px){.app-nav{grid-template-columns:1fr auto}.mode-switch{grid-area:2/1/auto/-1;width:100%}.device-readout{grid-area:1/2}.terminal-step,.compact-step{grid-template-columns:1fr;gap:44px}.step-heading h2{max-width:820px}.result-note,.single-action{grid-column:1}}@media (max-width:700px){.app-nav,.learn-header{min-height:78px;padding-left:max(18px, env(safe-area-inset-left,0px));padding-right:max(18px, env(safe-area-inset-right,0px));gap:16px}.brand{font-size:20px}.device-readout{gap:8px;font-size:9px}.device-readout span+span:before{margin-right:8px}.mode-switch button{min-height:48px;font-size:12px}.flow-stage{padding:44px max(18px, env(safe-area-inset-right,0px)) 52px max(18px, env(safe-area-inset-left,0px));align-items:flex-start}.terminal-step,.compact-step{gap:34px}.step-kicker{margin-bottom:16px}.step-heading h2{font-size:clamp(48px,14vw,72px)}.step-intro{margin-top:20px;font-size:15px}.editor-field textarea{min-height:250px;font-size:28px}.select-field select{min-height:90px;font-size:34px}.password-field input{min-height:76px;font-size:26px}.form-actions,.result-actions,.result-main-actions{flex-direction:column;align-items:stretch}.split-actions{flex-direction:column-reverse}.primary-action,.secondary-action{width:100%;min-height:58px}.text-action{align-self:flex-start;min-height:40px}.output-copy,.secret-result{min-height:240px;font-size:28px}.terminal-footer{padding-left:max(18px, env(safe-area-inset-left,0px));padding-right:max(18px, env(safe-area-inset-right,0px));grid-template-columns:1fr 1fr}.terminal-footer>span:nth-child(2){display:none}.learn-shell{padding-left:max(18px, env(safe-area-inset-left,0px));padding-right:max(18px, env(safe-area-inset-right,0px))}.learn-header{margin-left:-18px;margin-right:-18px}.learn-main h1{font-size:clamp(52px,15vw,78px)}.learn-block{grid-template-columns:1fr;gap:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}