@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#171719;--muted:#6e6e74;--line:#dedee2;--wash:#f5f5f6;--blue:#0071e3}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Manrope,sans-serif;background:#161617;color:var(--ink)}button{font:inherit;cursor:pointer}.app{height:100%;min-height:635px;background:#fff;padding:21px clamp(24px,5vw,84px) 22px;display:grid;grid-template-rows:auto auto 1fr auto;gap:18px}header{display:flex;align-items:center;justify-content:space-between}.brand{font:800 15px DM Mono;letter-spacing:-1px}.brand span{color:var(--blue)}.titlebar,.crew{font:500 9px DM Mono;letter-spacing:.9px;color:var(--muted)}nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nav-step{border:0;border-right:1px solid var(--line);background:transparent;padding:12px 0;display:flex;align-items:center;justify-content:center;gap:9px;color:#88888e;font-size:11px;font-weight:700}.nav-step:last-child{border-right:0}.nav-step b{display:grid;place-items:center;border:1px solid #c7c7cc;border-radius:50%;width:20px;height:20px;font:500 9px DM Mono}.nav-step.active{color:var(--ink);background:#f7f7f8}.nav-step.active b{background:var(--blue);border-color:var(--blue);color:#fff}.nav-step.done b{background:var(--ink);color:#fff;border-color:var(--ink)}.content{min-height:0;display:grid;grid-template-columns:minmax(450px,1.4fr) minmax(245px,.65fr);gap:clamp(32px,7vw,112px);align-items:center}.main-card{max-width:690px;animation:in .32s ease}.you-are{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.you-are>span{font:500 9px DM Mono;letter-spacing:1px;color:var(--blue)}.person{display:flex;align-items:center;gap:8px}.person p{margin:0;font-size:10px;line-height:1.3}.person b{display:block}.person small{display:block;color:var(--muted);font:400 8px DM Mono;margin-top:2px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:700 10px DM Mono;font-style:normal}.coral{background:#ffd7ce}.blue{background:#d1e8ff}.yellow{background:#fff0b6}h1{font-size:clamp(39px,4.2vw,64px);line-height:1;letter-spacing:-.06em;margin:0}.instruction{font-size:15px;line-height:1.6;color:#4d4d52;max-width:650px;margin:17px 0}.do-now{font:500 9px DM Mono;letter-spacing:1px;color:var(--blue);margin:19px 0 8px}ol{margin:0;padding:0;counter-reset:items;display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}li{list-style:none;counter-increment:items;font-size:11px;line-height:1.45;padding-left:23px;position:relative}li:before{content:counter(items);position:absolute;left:0;top:0;width:15px;height:15px;border:1px solid #bcbcC2;border-radius:50%;display:grid;place-items:center;font:500 8px DM Mono;color:#77777d}.why{margin-top:19px;padding:13px 15px;border-radius:8px;background:var(--wash);display:flex;gap:14px}.why b,.side-note b,.next b{flex:none;font:500 8px DM Mono;letter-spacing:.7px;color:var(--blue);padding-top:2px}.why p,.side-note p,.next p{margin:0;font-size:10px;line-height:1.5;color:#56565c}.continue{border:0;border-radius:99px;background:var(--ink);color:#fff;padding:11px 13px 11px 17px;margin-top:20px;font-size:11px;font-weight:800;transition:.2s}.continue:hover{background:var(--blue);transform:translateY(-1px)}.continue span{font-size:16px;margin-left:24px;vertical-align:-1px}.right-card{border-left:1px solid var(--line);padding-left:clamp(24px,4vw,58px);display:grid;gap:18px}.terminal{border-radius:10px;overflow:hidden;background:#171719;color:#ededef;box-shadow:0 15px 27px #11111115}.terminal-bar{height:34px;background:#28282b;padding:0 13px;display:flex;align-items:center;gap:5px}.terminal-bar i{height:6px;width:6px;border-radius:50%;background:#6d6d71}.terminal-bar i:first-child{background:#ff765e}.terminal-bar span{margin-left:6px;color:#aaaab0;font:400 8px DM Mono}.terminal-code{min-height:115px;padding:17px;font:400 10px/1.9 DM Mono}.terminal-code p{margin:0}.terminal-code p:not(:first-child){color:#b7efcf}.ask{margin:0;font:400 9px DM Mono;color:var(--muted);line-height:1.7}.ask b{display:block;color:var(--blue);letter-spacing:.7px;font-weight:500;margin-bottom:2px}.ask span{display:block}.ask span:before{content:"💬 "}.side-note,.next{padding:0 2px}.side-note{padding-top:16px;border-top:1px solid var(--line)}.side-note b,.next b{display:block;margin-bottom:6px}footer{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;font-size:10px;color:#5b5b60}footer p{margin:0}footer span{font:400 9px DM Mono;color:var(--muted)}@keyframes in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.assistant-toggle{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#182544,#05070f 78%);color:#fff;font-size:17px;display:grid;place-items:center;box-shadow:0 10px 24px #11111130;z-index:20;transition:transform .2s;animation:bubble-glow 2.6s ease-in-out infinite}.assistant-toggle:hover{transform:translateY(-1px) scale(1.04)}.assistant-toggle .close-x{filter:none}.bubble-icon{filter:drop-shadow(0 0 5px #ff8a3da8) drop-shadow(0 0 11px #ff7a1a55)}@keyframes bubble-glow{0%,to{box-shadow:0 10px 24px #11111130,0 0 #ff8a3d33}50%{box-shadow:0 10px 24px #11111130,0 0 14px 4px #ff8a3d40}}.assistant-panel{position:fixed;right:22px;bottom:82px;width:min(340px,calc(100vw - 44px));max-height:min(460px,calc(100vh - 130px));max-height:min(460px,calc(100dvh - 130px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px #11111125;display:flex;flex-direction:column;overflow:hidden;z-index:20;animation:in .2s ease}.assistant-header{padding:13px 16px;border-bottom:1px solid var(--line)}.assistant-header b{display:block;font-size:12px}.assistant-header span{font:400 9px DM Mono;color:var(--muted)}.assistant-log{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-height:120px}.assistant-empty{margin:0;font-size:11px;color:var(--muted);line-height:1.5}.assistant-q{align-self:flex-end;max-width:88%;background:var(--wash);border-radius:10px 10px 2px;padding:7px 11px;font-size:11px;line-height:1.4}.assistant-a{max-width:92%;font-size:11.5px;line-height:1.5;color:#3a3a3f}.assistant-a.loading{color:var(--muted);font-style:italic}.assistant-a.error{color:#c0392b}.assistant-form{display:flex;gap:8px;border-top:1px solid var(--line);padding:10px}.assistant-form input{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:11px}.assistant-form input:focus{outline:2px solid var(--blue);outline-offset:-1px}.assistant-form button{border:0;border-radius:8px;background:var(--ink);color:#fff;width:32px;font-size:14px}.assistant-form button:hover{background:var(--blue)}@media(max-width:760px){html,body,#app{overflow:auto}.app{height:auto;min-height:100%;padding:18px 23px}.titlebar,.crew{display:none}.content{grid-template-columns:1fr;gap:22px}.right-card{border:0;padding:0;grid-template-columns:1fr 1fr;gap:15px}.terminal,.ask{grid-column:span 2}.side-note{border-top:0;padding-top:0}.next{padding-top:0}.app{gap:15px}.nav-step span{display:none}.nav-step{padding:10px 0}h1{font-size:40px}ol{grid-template-columns:1fr}.you-are{margin-bottom:16px}footer{gap:10px;flex-direction:column}.assistant-toggle{right:16px;bottom:16px}.assistant-panel{right:12px;left:12px;bottom:78px;width:auto}.assistant-form input{font-size:16px}}