.ti-lab{--ti-soft-line:color-mix(in srgb,var(--c-line) 20%,transparent);--ti-shadow:6px 6px 0 color-mix(in srgb,var(--c-shadow) 65%,transparent);--ti-shadow-sm:3px 3px 0 var(--c-shadow);--ti-mono:"Geist Mono","Cascadia Code",Consolas,monospace;color:var(--c-ink);padding-bottom:55px;font-family:inherit;line-height:1.65}.ti-lab,.ti-lab *{box-sizing:border-box}.ti-lab :where(button,input,textarea){color:inherit;font-family:inherit}.ti-lab button{cursor:pointer}.ti-lab :where(a){color:inherit}.ti-lab :is(button,input,textarea,a):focus-visible{outline:3px solid var(--c-orange);outline-offset:3px}.ti-wrap{width:min(1180px,100% - 38px);margin:0 auto}.ti-muted{color:var(--c-muted)}.ti-kicker{color:var(--c-brick);font:800 11px/1.5 var(--ti-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;display:inline-flex}.ti-kicker:before{content:"";background:var(--c-orange);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb,var(--c-orange) 14%,transparent);border-radius:50%}.ti-ghost-btn,.ti-primary-btn{border:2px solid var(--c-line);background:var(--c-paper);border-radius:11px;font-weight:850}.ti-primary-btn,.ti-ghost-btn{box-shadow:var(--ti-shadow-sm);justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.ti-primary-btn{background:var(--c-sun);color:#231d18}.ti-primary-btn:hover,.ti-ghost-btn:hover{box-shadow:1px 1px 0 var(--c-ink);transform:translate(2px,2px)}.ti-ghost-btn{background:var(--c-paper)}.ti-hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:46px;padding:64px 0 42px;display:grid}.ti-hero h1{letter-spacing:-.075em;margin:17px 0 16px;font-size:clamp(42px,6vw,72px);font-weight:950;line-height:1.08}.ti-hero h1 em{color:var(--c-brick);text-shadow:4px 4px 0 color-mix(in srgb,var(--c-sun) 62%,transparent);font-style:normal}.ti-hero-lead{max-width:620px;color:var(--c-muted);font-size:15px;line-height:1.95}.ti-hero-lead strong{color:var(--c-ink)}.ti-hero-actions{flex-wrap:wrap;gap:12px;margin:23px 0 15px;display:flex}.ti-hero-note{font:11px/1.7 var(--ti-mono);color:var(--c-muted)}.ti-hero-art{border:2px solid var(--c-line);background:var(--c-paper);box-shadow:7px 7px 0 color-mix(in srgb,var(--c-shadow) 50%,transparent);border-radius:25px;overflow:hidden;transform:rotate(1deg)}.ti-art-head,.ti-art-foot{font:11px var(--ti-mono);color:var(--c-muted);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ti-art-head{border-bottom:2px solid var(--c-line)}.ti-art-foot{border-top:2px solid var(--c-line)}.ti-art-scene{background-color:#e8dfca;background-image:linear-gradient(#231d180f 1px,#0000 1px),linear-gradient(90deg,#231d180f 1px,#0000 1px);background-size:23px 23px;height:260px;position:relative;overflow:hidden}.ti-art-road-h{background:#656b68;height:32%;position:absolute;top:42%;left:0;right:0}.ti-art-road-v{background:#656b68;width:32%;position:absolute;top:0;bottom:0;left:41%}.ti-art-lane-h{border-top:2px dashed #f4e8d2;position:absolute;top:58%;left:0;right:0}.ti-art-lane-v{border-left:2px dashed #f4e8d2;position:absolute;top:0;bottom:0;left:57%}.ti-art-car{background:#e85d27;border:2px solid #231d18;border-radius:9px;width:66px;height:30px;position:absolute;top:51%;left:18%;transform:translateY(-50%);box-shadow:3px 3px #231d18}.ti-art-bike{background:#e8a317;border:3px solid #231d18;border-radius:9px;width:25px;height:60px;position:absolute;bottom:4%;left:54%;box-shadow:3px 3px #231d18}.ti-art-zone{background:#e85d272e;border:2px dashed #a64b2a;border-radius:50%;width:48px;height:48px;position:absolute;top:48%;left:48%}.ti-art-label{z-index:2;font:11px var(--ti-mono);color:#231d18;background:#fff8ea;border:1px solid #231d18;padding:4px 7px;position:absolute;top:13px;left:14px}.ti-stats{border-top:2px solid var(--c-line);border-bottom:2px solid var(--c-line);grid-template-columns:repeat(4,1fr);margin:0 0 65px;display:grid}.ti-stat{padding:15px 12px 15px 0}.ti-stat+.ti-stat{border-left:1px solid var(--ti-soft-line);padding-left:18px}.ti-stat b{letter-spacing:-.04em;font-size:20px;font-weight:950;display:block}.ti-stat span{color:var(--c-muted);font-size:11px}.ti-section{margin:0 0 76px}.ti-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.ti-section-head h2{letter-spacing:-.055em;margin:9px 0 0;font-size:clamp(26px,3vw,38px);font-weight:950;line-height:1.2}.ti-section-head p{max-width:450px;color:var(--c-muted);margin:0;font-size:12px;line-height:1.85}.ti-num{vertical-align:middle;border:2px solid var(--c-line);background:var(--c-orange);color:#fff;width:36px;height:36px;box-shadow:3px 3px 0 var(--c-line);font:900 12px var(--ti-mono);border-radius:9px;place-items:center;margin-right:9px;display:inline-grid}.ti-workspace{grid-template-columns:minmax(0,1.55fr) minmax(285px,.75fr);align-items:start;gap:18px;display:grid}.ti-panel{border:2px solid var(--c-line);background:var(--c-paper);box-shadow:var(--ti-shadow);border-radius:20px;min-width:0;overflow:hidden}.ti-panel-head{background:var(--c-ink);color:var(--c-paper);font:11px var(--ti-mono);justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;display:flex}.ti-live-dot{background:#8eb4b1;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #8eb4b129}.ti-scene-wrap{background:#202a2c;padding:13px}.ti-scene-meta{color:#d7e3d9;font:11px var(--ti-mono);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:1px 2px 10px;display:flex}.ti-scene-canvas-wrap{background:#e7eadf;border:1px solid #65756e;border-radius:12px;position:relative;overflow:hidden}.ti-scene-canvas{aspect-ratio:900/500;touch-action:pan-y;width:100%;height:auto;display:block}.ti-canvas-legend{color:#d7e3d9;font:11px var(--ti-mono);flex-wrap:wrap;gap:15px;padding:10px 2px 0;display:flex}.ti-legend-dot{vertical-align:middle;border-radius:3px;width:9px;height:9px;margin-right:5px;display:inline-block}.ti-legend-car{background:#e85d27}.ti-legend-bike{background:#e8a317}.ti-legend-zone{background:#d85b4b}.ti-sim-controls{border-top:2px solid var(--c-line);flex-wrap:wrap;align-items:center;gap:10px;padding:13px 15px;display:flex}.ti-sim-status{color:var(--c-muted);font:11px var(--ti-mono);margin-left:auto}.ti-control-body{gap:15px;padding:15px;display:grid}.ti-control-title{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:950;display:flex}.ti-control-title small{font:11px var(--ti-mono);color:var(--c-muted)}.ti-preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ti-preset{border:1.5px solid var(--c-line);background:var(--c-paper2);text-align:left;border-radius:10px;padding:10px 9px;font-size:11px;font-weight:850;line-height:1.45}.ti-preset small{color:var(--c-muted);margin-top:3px;font-size:11px;font-weight:600;display:block}.ti-preset[aria-pressed=true]{background:var(--c-sun);box-shadow:2px 2px 0 var(--c-line);color:#231d18}.ti-preset[aria-pressed=true] small{color:#231d18}.ti-range-block{gap:5px;display:grid}.ti-range-head{justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:850;display:flex}.ti-range-head output{font:800 11px var(--ti-mono);color:var(--c-brick)}.ti-lab input[type=range]{width:100%;accent-color:var(--c-orange);cursor:pointer}.ti-range-hint{color:var(--c-muted);justify-content:space-between;font-size:11px;display:flex}.ti-switch-row{border:1px solid var(--ti-soft-line);background:var(--c-paper2);border-radius:10px;align-items:flex-start;gap:10px;padding:10px;display:flex}.ti-switch-row input{accent-color:var(--c-orange);width:17px;height:17px;margin-top:2px}.ti-switch-row b{font-size:11px;display:block}.ti-switch-row small{color:var(--c-muted);margin-top:2px;font-size:11px;line-height:1.6;display:block}.ti-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ti-metric{border:1.5px solid var(--c-line);background:var(--c-paper2);border-radius:11px;padding:11px}.ti-metric span{color:var(--c-muted);font-size:11px;display:block}.ti-metric b{font:900 19px var(--ti-mono);margin-top:3px;display:block}.ti-metric.ti-wide{grid-column:1/-1}.ti-result{border:1.5px solid var(--c-line);background:var(--c-paper2);border-radius:12px;padding:12px}.ti-result-label{font:11px var(--ti-mono);color:var(--c-muted)}.ti-result strong{margin-top:4px;font-size:14px;display:block}.ti-result p{color:var(--c-muted);margin:5px 0 0;font-size:11px;line-height:1.7}.ti-result[data-tone=warn]{background:color-mix(in srgb,#e85d27 10%,var(--c-paper2));border-color:#bd633d}.ti-result[data-tone=good]{border-color:var(--c-olive)}.ti-note-strip{background:var(--c-paper2);border-top:1.5px solid var(--c-line);color:var(--c-muted);padding:12px 15px;font-size:11px;line-height:1.8}.ti-note-strip strong{color:var(--c-ink)}.ti-learning-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ti-learning-card{border:2px solid var(--c-line);background:var(--c-paper);box-shadow:var(--ti-shadow-sm);border-radius:16px;min-width:0;padding:17px}.ti-learning-card .ti-icon{font:900 22px var(--ti-mono);color:var(--c-brick)}.ti-learning-card h3{letter-spacing:-.025em;margin:8px 0 5px;font-size:14px}.ti-learning-card p{color:var(--c-muted);margin:0;font-size:11px;line-height:1.8}.ti-learning-card small{font:11px var(--ti-mono);color:var(--c-brick);margin-top:12px;display:block}.ti-concept-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ti-concept{border:2px solid var(--c-line);background:var(--c-paper);box-shadow:var(--ti-shadow-sm);border-radius:18px;padding:22px}.ti-concept h3{letter-spacing:-.04em;margin:0 0 8px;font-size:17px}.ti-concept p{color:var(--c-muted);margin:0;font-size:11px;line-height:1.85}.ti-concept .ti-label{font:11px var(--ti-mono);color:var(--c-brick);margin-bottom:8px}.ti-formula{background:var(--c-paper2);font:11px var(--ti-mono);overflow-wrap:anywhere;border-radius:9px;margin:12px 0 0;padding:10px}.ti-quiz{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ti-quiz-card{border:2px solid var(--c-line);background:var(--c-paper);box-shadow:var(--ti-shadow-sm);border-radius:16px;padding:19px}.ti-quiz-card h3{margin:0 0 13px;font-size:13px}.ti-quiz-options{gap:7px;display:grid}.ti-quiz-option{border:1.5px solid var(--c-line);text-align:left;background:var(--c-paper2);border-radius:9px;padding:9px 11px;font-size:11px}.ti-quiz-option[data-state=right]{color:#263622;background:#dce7d6;border-color:#46553a}.ti-quiz-option[data-state=wrong]{color:#542a1b;background:#f5d9c9;border-color:#a64b2a}.ti-quiz-feedback{min-height:40px;color:var(--c-muted);margin-top:9px;font-size:11px;line-height:1.7}.ti-reflect-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.ti-reflect-card{border:2px solid var(--c-line);background:var(--c-paper);box-shadow:var(--ti-shadow-sm);border-radius:17px;padding:20px}.ti-reflect-card h3{margin:0 0 8px;font-size:15px}.ti-reflect-card p{color:var(--c-muted);font-size:11px;line-height:1.8}.ti-reflect-card textarea{resize:vertical;border:1.5px solid var(--c-line);background:var(--c-paper2);width:100%;min-height:145px;color:var(--c-ink);border-radius:10px;padding:12px;font-size:11px;line-height:1.8}.ti-reflect-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ti-checklist{gap:9px;display:grid}.ti-checklist label{align-items:flex-start;gap:8px;font-size:11px;line-height:1.7;display:flex}.ti-checklist input{accent-color:var(--c-orange);margin-top:3px}.ti-resources{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ti-resource{border:1.5px solid var(--c-line);background:var(--c-paper2);border-radius:12px;padding:14px;text-decoration:none;display:block}.ti-resource b{font-size:11px;display:block}.ti-resource span{color:var(--c-muted);margin-top:5px;font-size:11px;line-height:1.65;display:block}.ti-resource:hover{transform:translateY(-2px)}.ti-footer{border-top:2px solid var(--c-line);color:var(--c-muted);font:11px var(--ti-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:23px 0 8px;display:flex}.ti-footer a{text-decoration:none}.ti-toast{z-index:50;border:2px solid var(--c-line);background:var(--c-paper);box-shadow:var(--ti-shadow-sm);border-radius:10px;padding:11px 15px;font-size:11px;font-weight:800;position:fixed;bottom:20px;right:20px}.ti-hidden{display:none!important}@media (width<=900px){.ti-hero{grid-template-columns:1fr;gap:25px;padding-top:42px}.ti-hero-art{justify-self:center;width:100%;max-width:640px}.ti-workspace{grid-template-columns:1fr}.ti-control-body{grid-template-columns:1fr 1fr}.ti-control-body>.ti-control-title,.ti-control-body>.ti-preset-grid,.ti-control-body>.ti-switch-row,.ti-control-body>.ti-metrics,.ti-control-body>.ti-result{grid-column:1/-1}.ti-learning-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.ti-wrap{width:calc(100% - 26px)}.ti-hero{padding:34px 0 30px}.ti-hero h1{font-size:46px}.ti-hero-lead{font-size:13px}.ti-art-scene{height:205px}.ti-stats{grid-template-columns:1fr 1fr;margin-bottom:48px}.ti-stat{padding:12px 8px 12px 0}.ti-stat+.ti-stat{padding-left:12px}.ti-stat:nth-child(3){border-left:0;border-top:1px solid var(--ti-soft-line)}.ti-stat:nth-child(4){border-top:1px solid var(--ti-soft-line)}.ti-section{margin-bottom:55px}.ti-control-body{grid-template-columns:1fr}.ti-control-body>*{grid-column:1/-1}.ti-learning-grid,.ti-concept-grid,.ti-quiz,.ti-reflect-grid,.ti-resources{grid-template-columns:1fr}.ti-sim-status{width:100%;margin-left:0}.ti-scene-wrap{padding:8px}.ti-panel-head{padding:11px}.ti-learning-card{padding:15px}.ti-concept{padding:17px}.ti-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.ti-lab *,.ti-lab :before,.ti-lab :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ti-lab #saveStatus{margin-top:8px;font-size:11px}.ti-lab .ti-quiz-option{min-height:44px;font-size:12px}.ti-lab .ti-checklist label,.ti-lab .ti-resource span,.ti-lab .ti-reflect-card p,.ti-lab .ti-learning-card p,.ti-lab .ti-concept p{font-size:12px}.ti-lab .ti-live-dot{background:#8eb4b1}.ti-lab .ti-panel-head{color:#fff8ea;background:#231d18}.ti-lab .ti-num{background:var(--c-sun);color:#231d18}.ti-lab .ti-result-label,.ti-lab .ti-result p{color:var(--c-ink)}.ti-lab .ti-range-head output,.ti-lab .ti-learning-card small,.ti-lab .ti-concept .ti-label{color:color-mix(in srgb,var(--c-brick) 72%,var(--c-ink))}
