:root{--paper:#f6f5f1;--white:#fff;--ink:#252923;--muted:#858a80;--faint:#a5a99f;--line:#e8e8e1;--green:#668349;--lime:#d6edb0;--dark:#22271f;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:13px var(--sans)}button,a{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 14px 13px;z-index:3}.brand{display:flex;align-items:center;gap:9px;margin:0 0 27px 8px;text-decoration:none;color:#282d26;font:800 19px var(--display);letter-spacing:-1px}.brand-symbol{width:28px;height:28px;display:grid;place-items:center;background:#d9edb7;color:#435b30;border-radius:9px;font:800 15px var(--display);letter-spacing:0}.brand-period{color:#84a75d}.workspace{display:flex;align-items:center;gap:9px;width:100%;padding:8px;background:#fafaf8;border:1px solid #edeee8;border-radius:8px;text-align:left;color:var(--ink)}.workspace-icon{display:grid;place-items:center;width:29px;height:29px;background:#e9e8df;border-radius:7px;color:#59624f;font:700 11px var(--display)}.workspace-text{display:flex;flex-direction:column;gap:2px}.workspace-text small{font:8px var(--mono);letter-spacing:.1em;color:#999e94}.workspace-text b{font-size:11px;font-weight:600}.workspace-chevron{margin-left:auto;color:#92978d;font-size:16px}.nav-caption{padding:0 10px;margin:30px 0 8px;color:#a1a69c;font:9px var(--mono);letter-spacing:.12em}.nav-spaced{margin-top:26px}.nav-link{height:37px;margin:2px 0;padding:0 10px;display:flex;align-items:center;gap:11px;border-radius:6px;color:#777e74;text-decoration:none;font-size:11px;transition:background .15s,color .15s}.nav-link:hover{background:#f7f8f4;color:#40473c}.nav-link.active{background:#eff4e8;color:#526e3d;font-weight:600}.nav-icon{width:15px;text-align:center;color:#969d90;font-size:15px}.nav-link.active .nav-icon{color:#6c8d4e}.nav-external{margin-left:auto;color:#a0a69c}.sidebar-bottom{margin-top:auto}.plan-card{padding:12px 11px;border:1px solid #eeefe9;border-radius:8px;background:#fbfbf9}.plan-heading,.plan-foot{display:flex;justify-content:space-between;align-items:center}.plan-heading{font-size:10px;color:#676e64}.plan-status{color:#719255;font-size:9px}.plan-meter{height:4px;background:#eaece5;border-radius:5px;margin:11px 0 7px;overflow:hidden}.plan-meter i{display:block;width:38%;height:100%;background:#9abe75;border-radius:5px}.plan-foot{font-size:9px;color:#9a9f96}.plan-foot a{color:#719052;text-decoration:none}.profile{border-top:1px solid #eeefe9;margin-top:12px;padding:12px 3px 0;display:flex;align-items:center;gap:8px}.profile-avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:#e9ebe4;color:#596451;font-weight:700;font-size:9px;width:28px;height:28px}.profile-copy{display:flex;flex-direction:column;gap:2px}.profile-copy b{font-size:10px}.profile-copy small{font-size:9px;color:#969c92}.profile button{margin-left:auto;border:0;background:none;color:#9ba095;font-size:18px}main{margin-left:226px;min-height:100vh}.topbar{height:53px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{font-size:10px;color:#91968d}.breadcrumbs span{padding:0 8px;color:#c2c6bc}.breadcrumbs b{color:#40473e;font-weight:600}.topbar-right{display:flex;align-items:center;gap:15px}.status{font-size:9px;color:#6e7868}.status i,.ready-indicator i,.footer>span:last-child i{display:inline-block;width:6px;height:6px;background:#8eae70;border-radius:50%;margin-right:6px;box-shadow:0 0 0 3px #8eae701e}.help-button{width:21px;height:21px;border:1px solid var(--line);border-radius:50%;background:white;color:#82877e;font-size:10px}.content{max-width:1230px;margin:auto;padding:35px 38px 20px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:3px 0 30px;border-bottom:1px solid #e7e8e0}.welcome-label,.section-kicker{font:9px var(--mono);letter-spacing:.12em;color:#969b90}.tiny-flame{color:#8ba96a;font-size:13px;margin-right:4px}.intro h1{font:700 32px/1.22 var(--display);letter-spacing:-1.4px;margin:12px 0 7px;color:#282d27}.intro h1 em{font-style:normal;color:#718c55}.intro-copy>p{margin:0;color:#858b81;font-size:11px}.intro-aside{display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding-bottom:2px}.ready-indicator{font-size:10px;color:#58684c;font-weight:600}.ready-indicator i{width:5px;height:5px;margin-right:5px}.intro-aside-note{font-size:9px;line-height:1.6;color:#9a9f96;text-align:right}.experience{padding:24px 0 27px}.section-heading,.playground-heading,.quickstart-heading,.activity-heading{display:flex;justify-content:space-between;align-items:flex-end}.section-heading h2,.playground-heading h2,.quickstart-heading h2,.activity-heading h2{font:650 16px var(--display);letter-spacing:-.4px;margin:5px 0 0}.quiet-note{color:#a0a49b;font-size:9px;padding-bottom:2px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.mode-card{position:relative;min-height:139px;background:#fff;border:1px solid #e7e9e1;border-radius:9px;padding:14px 15px;text-align:left;cursor:pointer;transition:border .15s,box-shadow .15s,transform .15s;color:var(--ink)}.mode-card:hover{border-color:#c5d4b4;transform:translateY(-1px)}.mode-card.selected{border-color:#9ab47b;box-shadow:0 0 0 2px #9ab47b20}.mode-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mode-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;font:800 17px var(--display)}.kindling-icon{background:#edf3e6;color:#648348}.spark-icon{background:#f3efe4;color:#a17e39}.selected-check{display:grid;place-items:center;width:17px;height:17px;border:1px solid #e4e7de;border-radius:50%;color:transparent;font-size:9px}.selected .selected-check{color:white;background:#819e64;border-color:#819e64}.mode-title{display:flex;align-items:center;gap:7px;font:650 13px var(--display);letter-spacing:-.2px}.optional-tag{font:8px var(--mono);letter-spacing:.06em;color:#a58a56;background:#f8f4e9;border-radius:3px;padding:3px 5px}.mode-description{display:block;color:#7f867b;font-size:10px;margin:4px 0 12px}.mode-meta{display:flex;align-items:center;gap:5px;font:8px var(--mono);letter-spacing:.045em;color:#92988e}.mode-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.fast-dot{background:#8bb16a}.spark-dot{background:#d1ad64}.meta-divider{color:#c4c8be}.playground-section{padding:22px 0 28px;border-top:1px solid #e7e8e0}.playground-heading{align-items:center}.mode-indicator{display:inline-flex;align-items:center;gap:6px;color:#79886b;font-size:9px;background:#eef3e8;padding:6px 9px;border-radius:20px}.mode-indicator-dot{width:5px;height:5px;background:#8eae70;border-radius:50%}.playground-card{margin-top:13px;padding:15px 17px;background:#fff;border:1px solid #e8e9e2;border-radius:9px;box-shadow:0 2px 10px #343a2607}.prompt-head{display:flex;align-items:center;gap:8px;color:#60675d;font-size:10px;font-weight:600}.prompt-avatar{width:21px;height:21px;border-radius:50%;background:#f0efe9;display:grid;place-items:center;color:#777d71;font:8px var(--mono)}.private-label{margin-left:auto;color:#a8ada3;font:8px var(--mono);letter-spacing:.07em}.playground-card textarea{display:block;width:100%;min-height:48px;margin-top:9px;resize:vertical;border:0;outline:0;padding:7px 0;color:#444b41;background:transparent;font:12px/1.5 var(--sans)}.playground-card textarea::placeholder{color:#b2b6ae}.prompt-actions{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid #f0f1ed}.prompt-hint{font-size:9px;color:#a2a79e}.send-button{display:flex;align-items:center;gap:15px;padding:7px 10px;background:#30392b;color:#f5f7f1;border:0;border-radius:6px;font-size:9px;cursor:pointer;transition:background .15s}.send-button:hover{background:#4d603b}.send-button span:last-child{color:#c5df9b;font-size:13px}.response{margin-top:13px;padding:12px 13px;background:#fafbf8;border:1px solid #eff0eb;border-radius:7px}.response-top{display:flex;align-items:center;gap:8px}.response-symbol{width:23px;height:23px;display:grid;place-items:center;background:#eaf1e2;border-radius:6px;color:#668448;font:700 14px var(--display)}.response-top>div{display:flex;flex-direction:column;gap:2px}.response-top>div b{font-size:10px}.response-caption{font-size:8px;color:#a0a69b}.response-mode-tag{margin-left:auto;color:#81966c;background:#edf3e7;padding:4px 6px;border-radius:4px;font:8px var(--mono);letter-spacing:.07em}.response>p{max-width:820px;margin:10px 0 9px;color:#5f665b;font-size:10px;line-height:1.65}.response-footer{border-top:1px solid #eceee8;padding-top:8px;display:flex;justify-content:space-between;align-items:center}.response-footer>span{font-size:8px;color:#8a9381}.response-footer>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#91ad71;margin-right:4px}.response-footer button{border:0;background:none;color:#8b9287;font-size:8px;cursor:pointer}.response-footer button span{margin-left:4px}.bottom-row{display:grid;grid-template-columns:1fr .72fr;gap:13px;padding-top:22px;border-top:1px solid #e7e8e0}.quickstart,.activity-card{padding:15px;background:#fff;border:1px solid #e8e9e2;border-radius:9px}.quickstart-heading{align-items:center;margin-bottom:13px}.quickstart-heading h2,.activity-heading h2{font-size:13px}.docs-link,.activity-link{color:#6f8e51;text-decoration:none;font-size:9px;font-weight:600}.docs-link span,.activity-link span{font-size:12px;margin-left:3px}.code-card{background:#20241f;border-radius:7px;overflow:hidden}.code-top{height:29px;display:flex;align-items:center;padding:0 10px;background:#292e28;border-bottom:1px solid #353b34;color:#aab1a5;font:8px var(--mono)}.window-dots{display:flex;gap:4px;margin-right:9px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#60675d}.code-top button{margin-left:auto;border:0;border-radius:4px;background:#3b4338;color:#d0d7c8;padding:4px 7px;font:8px var(--sans);cursor:pointer}.code-card pre{overflow:auto;margin:0;padding:10px 11px 12px;color:#daddd6;font:8px/1.7 var(--mono)}.code-card pre b{color:#d4a8be;font-weight:400}.code-card pre em{color:#bed69e;font-style:normal}.code-card pre strong{color:#9ec4ca;font-weight:400}.code-card pre i{color:#e2c588;font-style:normal}.activity-card{display:flex;flex-direction:column;min-height:171px}.activity-heading{align-items:flex-start}.activity-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#edf3e8;color:#6f9150;font-size:12px}.activity-card>p{max-width:260px;font-size:10px;line-height:1.6;color:#92988e;margin:12px 0 13px}.activity-link{margin-top:auto}.footer{display:flex;justify-content:space-between;padding:18px 1px 0;color:#a0a59b;font-size:8px}.footer b{padding:0 4px;color:#c6c9c0;font-weight:400}.footer>span:last-child{color:#7d8973}.footer>span:last-child i{width:5px;height:5px;margin-right:5px;box-shadow:none}.toast{position:fixed;z-index:10;left:50%;bottom:22px;transform:translate(-50%,12px);padding:10px 14px;border-radius:7px;background:#30382c;color:#f2f4ee;font-size:10px;box-shadow:0 6px 22px #1e241b25;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1400px){.content{padding-top:42px}.intro{padding-bottom:36px}.experience{padding-top:28px;padding-bottom:31px}.mode-card{min-height:147px}.playground-section{padding-top:27px;padding-bottom:32px}}
@media(max-width:1050px){.sidebar{width:204px}main{margin-left:204px}.content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.bottom-row{grid-template-columns:1fr}.activity-card{min-height:130px}}
@media(max-width:700px){.sidebar{width:57px;padding:17px 7px}.brand{justify-content:center;margin:0 0 24px}.brand>span:last-child,.workspace-text,.workspace-chevron,.nav-caption{display:none}.workspace{justify-content:center;padding:6px}.workspace-icon{flex:none}.sidebar nav{display:flex;flex-direction:column;align-items:center}.nav-link{width:39px;height:38px;padding:0;justify-content:center;font-size:0}.nav-link .nav-icon{font-size:16px}.nav-external{display:none}.sidebar-bottom{display:none}main{margin-left:57px}.topbar{padding:0 13px}.content{padding:24px 14px}.intro{align-items:flex-start;gap:16px;flex-direction:column;padding-bottom:22px}.intro h1{font-size:27px}.intro-aside{align-items:flex-start}.intro-aside-note{display:none}.section-heading{align-items:flex-start;gap:10px;flex-direction:column}.quiet-note{font-size:8px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:128px}.experience{padding:22px 0}.playground-section{padding:21px 0}.playground-card{padding:12px}.private-label{font-size:7px}.bottom-row{padding-top:20px}.footer{gap:10px;line-height:1.5}.status{font-size:0}.status i{margin:0}.topbar-right{gap:9px}.breadcrumbs{font-size:9px}}
.offline-status,.offline-indicator{color:#8d744c}.offline-status i,.offline-indicator i{background:#c0a36f;box-shadow:none}.plan-status{color:#a0875d}.plan-foot{margin-top:10px}.footer>span:last-child i{background:#c0a36f}
.intro-link{color:#72885b;text-decoration:none;font-size:9px}.intro-link span{margin-left:3px;color:#a2b88b}.intro-link:hover{color:#465a35}