:root{--bg:#0d0a0f;--surface:#17141a;--surface-2:#1e1c24;--surface-hover:#28242e;--ink:#e6e3dc;--ink-dim:#857f7a;--ink-muted:#544f4c;--rule:#2e2a33;--accent:#f2a61d;--accent-glow:#f2a61d4d;--accent-dim:#a67214;--signal:#e62d1e;--signal-glow:#e62d1e4d;--info:#5a9ad6;--voltage:#40d96e;--voltage-dim:#268a42;--impact:#c792ea;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--mono:ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;background-color:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{width:100%;height:100vh;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:400}code,pre,button{font-family:var(--mono)}small,.small{font-size:11px}::selection{color:var(--ink);background:#f2a61d40}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button:focus-visible{outline:1px solid var(--accent);outline-offset:1px;box-shadow:0 0 8px var(--accent-glow)}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 6px var(--accent-glow);outline:none;border-color:var(--accent)!important}@media (prefers-reduced-motion:no-preference){button,.lab-item,.nav-button,.toggle-btn{transition:background-color .15s,border-color .15s,color .15s,box-shadow .2s,transform .1s}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-container{background-color:var(--bg);width:100vw;height:100vh;color:var(--ink);flex-direction:row;display:flex;overflow:hidden}.sidebar{background-color:var(--surface);border-right:1px solid #f2a61d26;flex-direction:column;width:230px;min-width:230px;display:flex}.brand-block{text-align:right;margin-bottom:32px;padding:0 20px}.brand-block h1{font-family:var(--mono);color:var(--ink);margin:0;font-size:14px;font-weight:400}.brand-block h1 span.accent{color:var(--accent)}.brand-block .tagline{font-family:var(--mono);text-transform:uppercase;color:var(--ink-dim);letter-spacing:.5px;margin-top:4px;font-size:11px}.wing-header{font-family:var(--mono);text-transform:uppercase;color:var(--accent-dim);letter-spacing:2px;padding:16px 20px 8px;font-size:11px;font-weight:700}.wing-header.alignment{color:var(--signal)}.lab-list{flex-grow:1;margin:0;padding:0;list-style:none;overflow-y:auto}.lab-item{cursor:pointer;border-left:2px solid #0000;flex-direction:row;align-items:center;gap:10px;padding:10px 20px;transition:background .15s,border-color .15s;display:flex}.lab-item:hover{background-color:var(--surface-2)}.lab-item.active{background-color:var(--surface-2);border-left-color:var(--accent)}.lab-item.active.alignment{border-left-color:var(--signal)}.lab-badge{font-family:var(--mono);border:1px solid var(--rule);width:20px;height:20px;color:var(--ink-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.active .lab-badge{border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.lab-title{font-size:12px;font-weight:500}.sidebar-footer{border-top:1px solid var(--rule);flex-direction:column;gap:8px;margin-top:auto;padding:16px 20px;display:flex}.filter-field{box-sizing:border-box;background:var(--surface);border:1px solid var(--rule);width:100%;color:var(--ink);font-family:var(--mono);outline:none;padding:6px 10px;font-size:11px}.filter-field:focus{border-color:var(--accent)}.top-bar{background-color:var(--surface);border-bottom:1px solid var(--rule);height:36px;font-family:var(--mono);flex-direction:row;align-items:center;padding:0 20px;font-size:11px;display:flex}.lab-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;padding:16px 24px;display:flex}.lab-info h2{font-family:var(--sans);margin:0;font-size:22px;font-weight:700}.lab-number{font-family:var(--mono);color:var(--accent);margin-bottom:4px;font-size:11px}.lab-principle{font-family:var(--serif);color:var(--ink-dim);font-size:14px;font-style:italic}.lab-body{flex-direction:row;flex-grow:1;display:flex;overflow:hidden}.canvas-area{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);background-size:100% 4px;flex-grow:1;justify-content:center;align-items:center;min-height:280px;padding:20px;display:flex;position:relative}.canvas-area canvas{max-width:100%;max-height:100%}.control-panel{background-color:var(--surface);border-left:1px solid var(--rule);flex-direction:column;gap:16px;width:260px;min-width:260px;padding:16px;display:flex;overflow-y:auto}.control-section h3{font-family:var(--mono);text-transform:uppercase;color:var(--ink-dim);letter-spacing:1px;margin-bottom:12px;font-size:11px}.pedagogy-block{border-top:1px solid var(--rule);margin-top:auto;padding-top:14px}.pedagogy-section{margin-bottom:12px}.pedagogy-label{font-family:var(--mono);text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px;display:block}.pedagogy-content{color:var(--ink-dim);font-size:13px;line-height:1.6}.pedagogy-content strong{color:var(--ink)}.danger-note{border-left:2px solid var(--signal);font-family:var(--mono);color:var(--signal);background-color:#e62d1e14;padding:10px 12px;font-size:11px}.control-group{flex-direction:column;gap:8px;display:flex}.control-label{font-family:var(--mono);justify-content:space-between;font-size:11px;display:flex}.control-value{color:var(--accent)}input[type=range]{appearance:none;background:var(--rule);cursor:pointer;border-radius:0;outline:none;width:100%;height:3px;position:relative}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--fill,50%), var(--rule) var(--fill,50%), var(--rule) 100%);height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:0;width:14px;height:14px;margin-top:-5.5px;transition:box-shadow .2s;box-shadow:0 0 #0000}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 12px var(--accent-glow)}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 16px var(--accent-glow), 0 0 4px var(--accent);transform:scale(1.1)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}input[type=range]::-moz-range-track{background:var(--rule);border:none;height:3px}input[type=range]::-moz-range-progress{background:var(--accent);height:3px}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:0;width:14px;height:14px}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 12px var(--accent-glow)}.toggle-btn{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--rule);color:var(--ink);cursor:pointer;padding:6px 10px;font-size:11px;transition:background .15s,border-color .15s,box-shadow .2s}.toggle-btn:hover{border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.toggle-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.nerd-overlay{-webkit-backdrop-filter:blur(12px);font-family:var(--mono);color:var(--ink-dim);border:1px solid var(--rule);z-index:100;background-color:#17141aeb;max-width:250px;padding:12px;font-size:11px;position:absolute;top:12px;right:12px;box-shadow:0 4px 20px #0006}.panel-overlay{background-color:var(--bg);border:1px solid var(--rule);z-index:1000;flex-direction:row;width:65%;max-width:900px;height:75%;max-height:700px;animation:.2s ease-out panelAppear;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 40px #0009,0 0 80px #f2a61d0a}@keyframes panelAppear{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.panel-overlay:before{content:"";-webkit-backdrop-filter:blur(4px);z-index:-1;background:#0d0a0f99;position:fixed;inset:0}.nav-footer{border-top:1px solid var(--rule);font-family:var(--mono);justify-content:space-between;align-items:center;padding:8px 24px;font-size:11px;display:flex}.nav-button{border:1px solid var(--rule);color:var(--ink-dim);cursor:pointer;font-family:var(--mono);background:0 0;padding:4px 12px;font-size:11px;transition:border-color .15s,color .15s,box-shadow .2s}.nav-button:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.wing-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.wing-badge.mechanics{background-color:var(--accent);color:var(--bg)}.wing-badge.philosophy{background-color:var(--info);color:var(--bg)}.wing-badge.alignment{background-color:var(--signal);color:var(--ink)}.wing-badge.beyond{background-color:var(--voltage);color:var(--bg)}.wing-badge.impact{background-color:var(--impact);color:var(--bg)}select{appearance:none;background-color:var(--surface-2);color:var(--ink);border:1px solid var(--rule);font-family:var(--mono);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23857f7a' d='M3 4.5L6 8l3-3.5H3z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border-radius:0;padding:6px 28px 6px 10px;font-size:11px;transition:border-color .15s}select:hover{border-color:var(--accent)}select option{background:var(--surface);color:var(--ink)}textarea{background-color:var(--surface-2);border:1px solid var(--rule);color:var(--ink);font-family:var(--mono);resize:vertical;border-radius:0;padding:8px 10px;font-size:12px;transition:border-color .15s}textarea:hover{border-color:var(--ink-muted)}textarea:focus{border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow);outline:none}@keyframes scanlineDrift{0%{background-position:0 0}to{background-position:0 4px}}.canvas-area:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000004 2px 4px);animation:8s linear infinite scanlineDrift;position:absolute;inset:0}@keyframes labEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.canvas-area>*{animation:.3s ease-out labEnter}button:active{transform:scale(.97)}.tt-phone-banner{z-index:9000;padding:max(10px, env(safe-area-inset-top,0px)) 14px 10px;color:var(--ink-dim);font-family:var(--mono);background:#1a140e;border-bottom:1px solid #f2a61d59;font-size:13px;line-height:1.35;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0006}.tt-phone-banner strong{color:var(--accent);letter-spacing:.02em;font-weight:700}.tt-phone-banner a{color:var(--ink-dim);white-space:nowrap;margin-left:10px;text-decoration:underline}.tt-phone-labnav{z-index:9500;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 8px;color:var(--ink-dim);font-family:var(--mono);background:#1a140e;border-bottom:1px solid #f2a61d59;align-items:center;gap:10px;font-size:13px;line-height:1.1;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000073}.tt-phone-labnav .pn-close{width:44px;height:44px;color:var(--accent);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #f2a61d40;border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:20px;line-height:1;text-decoration:none;display:inline-flex}.tt-phone-labnav .pn-title{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex;overflow:hidden}.tt-phone-labnav .pn-num{color:#e6c382a6;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.tt-phone-labnav .pn-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.tt-phone-labnav .pn-arrows{flex:none;gap:6px;display:flex}.tt-phone-labnav .pn-arrows button{width:44px;height:44px;color:var(--accent);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #f2a61d40;border-radius:4px;justify-content:center;align-items:center;font-size:20px;text-decoration:none;display:inline-flex}.tt-phone-labnav .pn-arrows button:disabled{opacity:.25;cursor:default}body.phone .canvas-area>*{animation:none!important}body.phone .tt-phone-labnav button:active,body.phone .tt-phone-labnav .pn-close:active{transform:none!important}.tt-phone-labnav{will-change:transform;transform:translateZ(0)}body.phone{overflow:visible auto!important}body.phone #root{height:auto!important;min-height:100dvh!important}body.phone .app-container{flex-direction:column!important;height:auto!important;min-height:100dvh!important;overflow:visible!important}body.phone[data-phone-view=catalog] .tt-phone-banner{display:block!important}body.phone[data-phone-view=catalog] .tt-phone-labnav,body.phone[data-phone-view=catalog] .main-content{display:none!important}body.phone[data-phone-view=catalog] .tt-phone-catalog{display:block!important}body.phone[data-phone-view=lab] .tt-phone-banner{display:none!important}body.phone[data-phone-view=lab] .tt-phone-labnav,body.phone[data-phone-view=lab] .main-content{display:flex!important}body.phone[data-phone-view=lab] .tt-phone-catalog{display:none!important}.tt-phone-catalog{padding:calc(env(safe-area-inset-top,0px) + 56px) 14px calc(env(safe-area-inset-bottom,0px) + 24px);display:none}.tt-phone-catalog .cat-wordmark{font-family:var(--serif);text-align:center;margin-bottom:4px;font-size:24px;font-weight:300}.tt-phone-catalog .cat-wordmark .accent{color:var(--accent);font-style:italic}.tt-phone-catalog .cat-tagline{font-family:var(--mono);text-transform:uppercase;color:var(--ink-dim);letter-spacing:.5px;text-align:center;margin-bottom:20px;font-size:11px}.tt-phone-catalog .cat-wing-header{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;margin:18px 0 6px;padding:0 2px;font-size:11px;font-weight:700}.tt-phone-catalog .cat-lab-card{min-height:48px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a140e8c;border:1px solid #f2a61d24;border-radius:6px;align-items:center;gap:10px;margin-bottom:6px;padding:14px 12px;font-size:15px;text-decoration:none;display:flex}.tt-phone-catalog .cat-lab-card:active{background:#f2a61d1f}.tt-phone-catalog .cat-lab-num{font-family:var(--mono);color:#f2a61dbf;font-variant-numeric:tabular-nums;min-width:32px;font-size:11px}.tt-phone-catalog .cat-lab-name{color:var(--ink);font-size:15px}.tt-phone-catalog .cat-footer{text-align:center;font-family:var(--mono);color:var(--ink-muted);margin-top:24px;font-size:11px}.tt-phone-catalog .cat-footer a{color:var(--accent);text-decoration:none}body.phone .app-container>aside{display:none!important}body.phone .main-content{padding-top:calc(env(safe-area-inset-top,0px) + 70px)!important;flex-shrink:0!important;overflow:visible!important}body.phone .main-content>div{height:auto!important;overflow:visible!important}body.phone .lab-body{flex-direction:column!important;overflow:visible!important}body.phone .canvas-area{min-height:220px;padding:14px!important;overflow:visible!important}body.phone .canvas-area canvas{width:100%!important;max-width:100%!important;height:auto!important}body.phone .control-panel{border-top:1px solid var(--rule);border-left:none!important;width:100%!important;min-width:0!important;overflow:visible!important}body.phone .lab-header{padding:12px 14px 10px!important}body.phone .lab-info h2{font-size:18px!important}body.phone .lab-principle{font-size:13px!important}body.phone .pedagogy-block{padding:12px 14px!important;overflow:visible!important}body.phone .pedagogy-content{font-size:14px!important}body.phone .nav-footer{display:none!important}body.phone input[type=range]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:32px}body.phone input[type=range]::-webkit-slider-thumb{width:28px!important;height:28px!important;margin-top:-12px!important}body.phone input[type=range]::-moz-range-thumb{width:28px!important;height:28px!important}body.phone input[type=range]::-webkit-slider-runnable-track{height:4px!important}body.phone input[type=range]::-moz-range-track{height:4px!important}body.phone .control-label{font-size:13px!important}body.phone .control-group{margin-bottom:8px}body.phone select{touch-action:manipulation;min-height:44px;font-size:14px!important}body.phone button{touch-action:manipulation;min-height:44px}body.phone textarea{min-height:60px;font-size:14px!important}body.phone .panel-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;position:fixed!important;inset:0!important;transform:none!important}body.phone .panel-overlay:before{display:none!important}body.phone .nerd-overlay{margin:8px 0;max-width:100%!important;position:relative!important;top:auto!important;right:auto!important}body.phone .wing-badge{padding:1px 6px!important;font-size:10px!important}body.phone .desktop-only{display:none!important}body.phone .phone-only{display:block!important}.phone-only{display:none}