@font-face{font-display:swap;font-family:CellInter;src:local('Inter')}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#0c141e;color:#eef4f6;font:14px/1.55 CellInter,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;color:inherit;background:none}a{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #79f0d4;outline-offset:4px}button:hover{filter:brightness(1.13)}[hidden]{display:none!important}.app-shell{max-width:1700px;margin:auto;padding:0 36px}h1,h2,h3,p{margin:0}h2{font-size:19px;font-weight:600;letter-spacing:-.4px}h3{font-size:17px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.topbar{height:83px;border-bottom:1px solid #ffffff0e;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;line-height:1.25;font-weight:650;letter-spacing:-.6px}.brand>span>span{color:#a5b6c2;font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:5px;color:#8295a4}.brand-mark{font-size:18px;font-weight:600;border:1px solid #72d8c46e;border-radius:12px;width:39px;height:39px;display:flex;align-items:center;justify-content:center;position:relative;color:#81efd7;background:#152b30;letter-spacing:-3px;padding-right:3px}.brand-mark span{color:#81efd7!important;font-weight:600!important}.brand-mark i{width:6px;height:6px;position:absolute;right:-3px;top:3px;background:#a3f4dc;border-radius:50%}.top-links{display:flex;align-items:center;gap:28px}.lab-tag{font-size:11px;color:#9bb2bf;display:flex;align-items:center;gap:7px}.lab-tag i,.view-badge i,.status-dot{background:#7de0c5;width:5px;height:5px;border-radius:50%;display:inline-block}.quiet-button{color:#9fb0bd;padding:8px;font-size:12px}.quiet-button span{margin-left:8px}.intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 0 28px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:650;color:#94a8b8}.eyebrow span{color:#426170;padding:0 8px}h1{font-size:48px;line-height:1.2;letter-spacing:-2px;font-weight:500;margin:5px 0 8px}h1 em{font-style:normal;color:#83e5cc}.intro-copy{color:#9dafbd;font-size:13px}.cell-tabs{display:flex;padding:5px;border-radius:14px;background:#111e2a;border:1px solid #ffffff0b;gap:3px}.cell-tabs button{display:flex;align-items:center;gap:12px;min-width:138px;text-align:left;padding:12px 17px;border-radius:10px;font-size:10px;color:#839aab;line-height:1.45}.cell-tabs button small{display:block;font-size:13px;color:#c9d8df}.cell-tabs button[aria-pressed=true]{background:#23363e;box-shadow:inset 0 0 0 1px #8ae3c524;color:#99d4c9}.cell-tabs button[aria-pressed=true] small{color:#a7f4de}.cell-icon{display:block;width:27px;height:27px;border:2px solid #5bbdaa;border-radius:45% 55% 50% 40%;position:relative;transform:rotate(-20deg);background:#368b7533}.cell-icon i{position:absolute;width:10px;height:10px;border-radius:50%;background:#ad8ed8;left:6px;top:6px;border:2px solid #c0ade5}.cell-icon.plant{border-color:#b0c57b;border-radius:7px;background:#89ac6033}.cell-icon.plant i{width:13px;border-radius:5px;background:#5697a3;border-color:#74b2b7}.cell-icon.bacteria{width:29px;height:16px;border-radius:20px;border-color:#c0a780;background:#c0a78022;transform:rotate(-35deg)}.cell-icon.bacteria i{width:15px;height:4px;left:4px;top:4px;border:0;background:#c09bdb;border-radius:20%}.workspace-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff10;margin-bottom:20px}.mode-tabs{display:flex;gap:25px}.mode-tabs button{color:#607d8c;font-size:10px;padding:10px 0 15px;position:relative}.mode-tabs span{color:#96a9b7;font-size:12px;margin-left:6px}.mode-tabs button[aria-pressed=true]{color:#82e3c9}.mode-tabs button[aria-pressed=true] span{color:#eaf4f2}.mode-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#89e5cc}.save-state{font-size:10px;color:#77919e}.workspace{display:grid;grid-template-columns:245px minmax(300px,1fr) 270px;gap:16px;align-items:stretch}.panel{border:1px solid #ffffff0c;border-radius:16px;background:#121e2b}.panel-heading{padding:19px 18px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h2{font-size:15px;margin-top:5px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.counter{font-size:10px;color:#a8c5cd;background:#223341;border-radius:5px;padding:3px 6px;white-space:nowrap;font-variant-numeric:tabular-nums}.components-panel{display:flex;flex-direction:column;min-width:0}.search-box{display:flex;gap:8px;align-items:center;margin:0 14px 12px;border:1px solid #ffffff0b;border-radius:7px;padding:8px 10px;color:#647c8d;background:#0d1822}.search-box svg{width:14px;height:14px;flex-shrink:0}.search-box input{background:none;color:#e0ecf0;border:0;outline:0;width:100%;font-size:11px;min-width:0}.search-box input::placeholder{color:#8395a4}.component-list{height:377px;overflow:auto;padding:0 9px;scrollbar-width:thin;scrollbar-color:#304d59 transparent}.component-row{display:flex;gap:4px;align-items:center;border-radius:9px;margin-bottom:3px;min-height:52px;border:1px solid transparent}.component-row.selected{background:#25313e;border-color:#ffffff0c}.component-row.present .part-name{color:#d9e4e7}.part-select{display:flex;align-items:center;text-align:left;gap:10px;flex:1;min-width:0;padding:7px 3px 7px 8px}.part-swatch{display:flex;justify-content:center;align-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;color:var(--part);background:color-mix(in srgb,var(--part) 10%,transparent);border:1px solid color-mix(in srgb,var(--part) 18%,transparent)}.part-swatch svg{width:23px;height:23px}.part-name{font-size:11px;display:block;font-weight:500;color:#a1b4c0}.part-role{font-size:9px;color:#7f95a6;display:block;margin-top:1px}.part-toggle{font-size:20px;width:28px;height:30px;flex:0 0 28px;color:#a4dfd1;margin-right:4px;border-radius:7px;line-height:1;background:#253c40}.component-row.present .part-toggle{font-size:17px;color:#6e9297;background:transparent}.component-actions{padding:13px 15px 12px;border-top:1px solid #ffffff09;display:flex;flex-direction:column;gap:3px;margin-top:auto}.primary-button{background:#91e6cf;color:#10332f;border-radius:8px;font-size:11px;font-weight:650;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.viewer-panel{position:relative;background:radial-gradient(ellipse at 50% 42%,#16323e 0%,#0d1b27 47%,#0d1721 80%);min-height:572px;overflow:hidden;display:flex;flex-direction:column}.viewer-panel:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#79b5b71b .8px,transparent .8px);background-size:22px 22px;pointer-events:none;mask-image:radial-gradient(ellipse,transparent 20%,black 95%)}.viewer-title{padding:22px 23px;position:relative;z-index:2;display:flex;justify-content:space-between;pointer-events:none}.viewer-title h2{font-size:20px;margin-top:5px;font-weight:450}.viewer-title .eyebrow{font-size:8px;color:#7da0ab;letter-spacing:2px}.view-badge{height:25px;padding:4px 9px;border-radius:6px;border:1px solid #ffffff14;color:#9dc1c5;display:flex;align-items:center;gap:8px;font-size:10px}.viewport{position:absolute;inset:64px 0 70px;touch-action:none}.viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none}.viewport canvas:active{cursor:grabbing}.labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.model-label{position:absolute;left:0;top:0;pointer-events:auto;font-size:9px;white-space:nowrap;border:1px solid #ffffff28;background:#0b1725dc;backdrop-filter:blur(8px);border-radius:5px;color:#d1dee7;padding:4px 7px;box-shadow:0 2px 10px #0003}.model-label:before{content:'';display:inline-block;width:4px;height:4px;background:var(--part);border-radius:50%;margin-right:5px;vertical-align:middle}.model-label.active{border-color:var(--part);color:#fff}.viewer-overlay{display:flex;align-items:center;justify-content:space-between;margin:auto 22px 0;z-index:2;pointer-events:none;color:#597a89;font-size:8px;padding-bottom:16px}.orientation{font-size:9px;color:#7c9fa6}.orientation i{display:inline-block;height:15px;width:15px;border-left:1px solid #598385;border-bottom:1px solid #598385;transform:skew(-15deg);margin:0 5px}.viewer-tools{display:flex;justify-content:center;gap:3px;position:relative;z-index:3;margin:0 auto 0;background:#132432ed;border:1px solid #ffffff13;border-radius:10px;padding:4px;backdrop-filter:blur(8px)}.viewer-tools button{border-radius:6px;padding:6px 9px;min-width:30px;font-size:17px;line-height:1.2;color:#98b4c1;display:flex;align-items:center;gap:5px;min-height:30px}.viewer-tools button span+span{font-size:9px}.viewer-tools button[aria-pressed=true]{color:#a5eedb;background:#73bba218}.gesture-hint{font-size:8px;color:#7798a5;text-align:center;position:relative;padding:13px 5px 16px}.inspector-panel{min-width:0}.inspector-panel .panel-heading{border-bottom:1px solid #ffffff09;padding-bottom:17px}.inspector-content{padding:17px 19px}.inspector-icon{width:52px;height:52px;border-radius:15px;color:var(--part);background:color-mix(in srgb,var(--part) 12%,transparent);display:flex;align-items:center;justify-content:center;margin:0 0 12px}.inspector-icon svg{width:37px;height:37px}.inspector-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.part-status{font-size:9px;color:#9fbbbf;border-radius:5px;background:#244034;padding:4px 6px}.part-status.absent{background:#273340;color:#9babb5}.inspector-content h3{font-size:20px;margin-bottom:3px;line-height:1.3;letter-spacing:-.5px}.inspector-role{font-size:10px;color:var(--part);margin-bottom:13px}.inspector-description{font-size:11px;color:#a7bac7;line-height:1.7}.connection-box{padding:13px 0;margin-top:15px;border-top:1px solid #ffffff09}.connection-box .eyebrow{font-size:8px}.connection-box p{font-size:10px;color:#9cb5c2;margin-top:5px;line-height:1.65}.fact{font-size:10px;color:#c1d2d9;background:#ffffff04;border-left:2px solid var(--part);padding:9px 11px;line-height:1.6;margin-top:2px}.inspector-action{width:100%;margin-top:13px;justify-content:center}.energy-card{margin:0 18px 14px;padding-top:13px;border-top:1px solid #ffffff0b}.energy-card>div:first-child{display:flex;align-items:center;gap:6px;font-size:9px;color:#a4bcc6}.energy-card strong{margin-left:auto;font-weight:500;color:#94e3cc}.energy-track{height:4px;border-radius:5px;background:#203441;margin:9px 0}.energy-track i{display:block;width:26%;height:100%;background:linear-gradient(90deg,#3c807a,#93e4c9);border-radius:5px;transition:width .5s}.energy-card p{font-size:8px;color:#7d99a8}.inspector-tip{display:flex;gap:8px;border-top:1px solid #ffffff09;padding:13px 17px;color:#96b5c3;font-size:10px;line-height:1.55}.inspector-tip>span{color:#b4dabf;font-size:17px}.activity-section{padding:30px 0 20px}.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.activity-heading h2{margin:5px 0;font-size:22px;letter-spacing:-.5px}.activity-heading h2 span{font-size:10px;color:#84cbb7;margin-left:8px;vertical-align:middle;border:1px solid #82c3b423;border-radius:5px;padding:3px 7px;white-space:nowrap;display:inline-block;letter-spacing:0}.activity-heading p{font-size:11px;color:#829fae}.playback{display:flex;gap:15px;align-items:center;flex-shrink:0}.playback button{color:#b4d8d3;background:#193135;border:1px solid #5d9b8e2c;border-radius:8px;padding:8px 13px;font-size:13px}.playback button span{font-size:10px;margin-left:5px}.playback label{font-size:9px;color:#8ba7b7}.playback select{border:1px solid #36505c;background:#152732;border-radius:6px;padding:5px 6px;margin-left:6px;color:#c5dddf;font-size:10px}.environment{display:flex;gap:20px;align-items:center;padding:12px 17px;background:#101d28;border-radius:10px;margin-bottom:15px;flex-wrap:wrap}.environment>.eyebrow{font-size:8px}.environment>div{display:flex;gap:8px;flex-wrap:wrap}.env-toggle{display:flex;gap:7px;align-items:center;font-size:10px;color:#7c95a4;padding:6px 10px;border:1px solid #ffffff13;border-radius:7px}.env-toggle i{height:12px;width:21px;position:relative;background:#354a57;border-radius:10px}.env-toggle i:after{content:'';position:absolute;width:8px;height:8px;background:#7b909a;border-radius:50%;top:2px;left:2px;transition:transform .2s}.env-toggle[aria-pressed=true]{color:#bbd8d5;border-color:#508a772d;background:#38645315}.env-toggle[aria-pressed=true] i{background:#396e61}.env-toggle[aria-pressed=true] i:after{background:#9ce6ca;transform:translateX(9px)}.environment-help{margin-left:auto;font-size:9px;color:#627f8f}.routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.route-card{text-align:left;border:1px solid #ffffff0b;border-radius:10px;padding:13px 14px;background:#111e29;position:relative;overflow:hidden;min-height:96px}.route-card.active{border-color:color-mix(in srgb,var(--route) 24%,transparent)}.route-card.focused{box-shadow:inset 0 0 0 1px var(--route)}.route-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7294a2;margin-bottom:6px}.route-card.active .route-top{color:var(--route)}.route-top i{background:currentColor;border-radius:50%;width:4px;height:4px;display:inline-block;margin-right:5px}.route-card h3{font-size:12px;font-weight:500;color:#b5cbd3;margin-bottom:5px}.route-card.active h3{color:#e0edec}.route-card p{font-size:9px;color:#778e9e;line-height:1.5}.route-card.active p{color:#9db7c1}.route-card:after{content:'↗';position:absolute;right:12px;top:10px;color:#63828f;font-size:13px}.route-focus{border:1px solid #5b93894d;border-radius:12px;background:#132830;padding:16px 20px;margin:0 0 12px;display:flex;align-items:center;gap:20px}.route-focus>div{flex:1}.route-focus h3{font-size:14px;color:#c8eee3}.route-focus p{font-size:11px;color:#a7c2cb;margin-top:5px}.route-chain{font-size:10px;color:#79b9a9;line-height:1.8;margin-top:8px}.route-chain .missing{color:#dfae8b}.route-focus button{padding:10px;font-size:20px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0b;padding:18px 0 25px;color:#6a8798;font-size:9px}.footer>span{white-space:nowrap;color:#7e9baa}.footer strong{font-weight:500;color:#b5c6d0;margin-left:8px}.footer-dot{width:5px;height:5px;border:1px solid #789f9a;display:inline-block;border-radius:50%;margin-right:5px}.challenge-panel{margin-top:18px}.challenge-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:4px 18px 18px}.challenge-card{border:1px solid #ffffff0b;border-radius:10px;padding:15px;background:#0e1a25}.challenge-card h3{font-size:13px;margin:6px 0}.challenge-card p{font-size:11px;color:#9db6c4;margin-bottom:12px}.challenge-card .challenge-number{font-size:9px;color:#94c3b8;letter-spacing:1px}.challenge-card button{color:#b0d7ce;border:1px solid #396457;border-radius:6px;font-size:10px;padding:5px 9px}.challenge-card details{font-size:10px;color:#85a4b5;margin:10px 0 0}.challenge-card summary{cursor:pointer}.challenge-card details p{font-size:10px;margin:8px 0 0}.challenge-result{font-size:10px;color:#abd8c6;margin-top:10px}.challenge-note{font-size:10px;color:#90a5b1;padding:0 18px 16px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);max-width:min(540px,90vw);padding:11px 18px;border-radius:10px;background:#d8f7ec;box-shadow:0 8px 50px #0007;color:#14352e;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}.guide-dialog{background:#122331;color:#d5e5e9;border:1px solid #456173;border-radius:18px;max-width:690px;width:calc(100% - 32px);max-height:85dvh;padding:28px;box-shadow:0 40px 100px #0007}.guide-dialog::backdrop{background:#050d14b9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.icon-button{font-size:24px;padding:0 8px}.guide-dialog h2{font-size:28px;margin-bottom:18px;letter-spacing:-1px}.guide-dialog h3{font-size:15px;color:#a6dfcd;margin:20px 0 8px}.guide-dialog p{font-size:12px;line-height:1.8;color:#a9c0cd;margin:10px 0}.guide-dialog b{color:#e3f1ed}.guide-dialog li{font-size:12px;padding:4px 0;color:#9ecbbc}.guide-dialog .smallprint{font-size:10px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.reset-dialog{max-width:430px}.reset-dialog h2{font-size:23px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#a3d9ce}.loading small{font-size:10px;color:#739da9}.loading-orbit{border:1px solid #548e8c;border-top:2px solid #a5ecd9;border-radius:50%;width:50px;height:50px;animation:spin 1.3s linear infinite}.viewer-error{position:absolute;inset:100px 30px 100px;background:#122838eb;padding:25px;border-radius:12px;z-index:5;font-size:12px;display:flex;flex-direction:column;justify-content:center;gap:15px}.viewer-error p{color:#b7ccd7}.noscript{padding:30px;text-align:center;background:#2f3844;position:fixed;inset:40% 5% auto;z-index:50}.skip-link{position:fixed;top:-80px;left:10px;background:#a3ead4;color:#122a25;padding:10px;z-index:99}.skip-link:focus{top:10px}.empty-search{padding:20px;color:#94acb8;font-size:12px}.viewer-panel:fullscreen{border-radius:0;height:100dvh;background:radial-gradient(ellipse at center,#15333e,#0c1723 70%)}.viewer-panel:fullscreen .viewport{inset:80px 0 100px}.viewer-panel:fullscreen .viewer-overlay{margin-top:auto}.viewer-panel:fullscreen .gesture-hint{padding-bottom:30px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.workspace{grid-template-columns:270px minmax(300px,1fr) 300px}.component-list{height:437px}.viewer-panel{min-height:632px}.inspector-description{font-size:12px}.connection-box p,.fact{font-size:11px}.part-name{font-size:12px}.part-role{font-size:10px}}@media(max-width:1200px){.app-shell{padding:0 22px}.workspace{grid-template-columns:220px minmax(290px,1fr) 235px;gap:10px}.panel-heading{padding-left:14px;padding-right:14px}.inspector-content{padding:14px}.inspector-content h3{font-size:18px}.inspector-description{font-size:10px}.viewer-title{padding:20px 17px}.viewer-tools button{padding:6px}.viewer-tools button span+span{display:none}.cell-tabs button{min-width:120px;padding:10px 12px}.environment-help{display:none}.routes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.workspace{grid-template-columns:240px minmax(300px,1fr)}.inspector-panel{grid-column:1/-1;display:grid;grid-template-columns:170px 1fr 200px;align-items:start}.inspector-panel>.panel-heading{border-bottom:0;padding-top:24px}.inspector-content{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding:20px}.inspector-content .inspector-top{grid-column:1;grid-row:1 / 3;display:none}.inspector-content h3{grid-column:1}.inspector-content .inspector-role{grid-column:1;margin-bottom:0}.inspector-description{grid-column:1;font-size:12px}.connection-box{grid-column:2;grid-row:1/4;margin:0;padding:0;border:0}.fact{grid-column:2;grid-row:4}.inspector-action{grid-column:1;margin-top:0}.energy-card{margin-top:22px}.inspector-tip{grid-column:1/-1}.inspector-icon{margin:0}.challenge-list{gap:8px}.lab-tag{display:none}.viewer-tools button span+span{display:inline}.intro{gap:15px}.cell-tabs button{min-width:100px;padding:10px}.cell-tabs{gap:0}.cell-tabs button .cell-icon{display:none}h1{font-size:43px}}@media(max-width:720px){.app-shell{padding:0 16px}.topbar{height:65px}.brand{font-size:16px}.brand-mark{height:32px;width:32px;border-radius:10px;font-size:15px}.brand small{font-size:7px;letter-spacing:1.3px}.top-links{gap:0}.top-links .quiet-button{font-size:10px;padding:5px}.intro{display:block;padding:23px 0 16px}.intro .eyebrow{font-size:8px}h1{font-size:41px;letter-spacing:-1.5px}.intro-copy{font-size:12px}.cell-tabs{margin-top:22px;width:100%;justify-content:space-between}.cell-tabs button{flex:1;justify-content:center;font-size:9px;min-width:0;gap:10px;padding:9px 7px}.cell-tabs button small{font-size:12px}.cell-tabs button .cell-icon{display:block;width:23px;height:23px;flex-shrink:0}.cell-tabs button .cell-icon.bacteria{width:25px;height:14px}.cell-icon i{width:8px;height:8px;left:5px;top:5px}.workspace-bar{margin-bottom:13px}.mode-tabs{gap:19px}.mode-tabs span{font-size:11px}.mode-tabs button{font-size:9px;padding-bottom:12px}.save-state{display:none}.workspace{display:flex;flex-direction:column;gap:14px}.viewer-panel{order:0;min-height:440px}.components-panel{order:1}.inspector-panel{order:2;display:block}.component-list{height:240px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:2px 4px;padding:0 10px 8px}.component-row{margin:0;min-height:55px}.part-select{gap:7px;padding-left:4px}.part-name{font-size:10px}.part-role{font-size:8px}.part-swatch{width:25px;height:25px;flex-basis:25px}.part-swatch svg{width:20px;height:20px}.part-toggle{width:27px;flex-basis:27px;height:35px;margin-right:1px}.panel-heading{padding:15px}.panel-heading .eyebrow{font-size:8px}.components-panel .panel-heading{padding-bottom:10px}.search-box{margin-bottom:8px}.component-actions{flex-direction:row;align-items:center;gap:12px;padding:12px}.primary-button{font-size:11px}.component-actions .primary-button{flex:1}.component-actions .quiet-button{font-size:10px}.inspector-panel>.panel-heading{padding-top:17px}.inspector-content{padding:0 17px 18px;display:block}.inspector-top{display:flex!important;float:right;margin:0 0 5px 12px;flex-direction:column;gap:4px}.inspector-icon{width:39px;height:39px;border-radius:12px}.inspector-icon svg{width:28px;height:28px}.inspector-content h3{font-size:22px;padding-top:6px;max-width:80%}.inspector-role{margin:4px 0 14px!important}.inspector-description{font-size:12px;clear:none}.connection-box{margin-top:15px;padding-top:14px;border-top:1px solid #ffffff10}.connection-box p,.fact{font-size:11px}.fact{margin-top:10px}.inspector-action{margin-top:15px}.energy-card{margin-top:0}.energy-card>div:first-child{font-size:11px}.energy-card p{font-size:10px}.inspector-tip{font-size:11px}.viewer-title{padding:19px}.viewer-title h2{font-size:19px}.viewport{inset:60px 0 70px}.gesture-hint{font-size:8px;padding-bottom:14px}.viewer-tools{gap:2px}.viewer-tools button{padding:6px 7px;min-width:29px}.viewer-tools button span+span{font-size:8px}.viewer-overlay{margin:auto 18px 0;padding-bottom:12px}.activity-section{padding-top:26px}.activity-heading{display:block}.activity-heading h2{font-size:20px}.activity-heading h2 span{margin-left:0}.activity-heading p{font-size:11px}.playback{margin-top:15px;justify-content:space-between}.environment{padding:12px;gap:9px}.environment>.eyebrow{width:100%}.environment>div{gap:6px}.env-toggle{font-size:10px;padding:7px 8px}.routes{grid-template-columns:1fr 1fr;gap:8px}.route-card{padding:12px;min-height:105px}.route-card h3{font-size:12px;line-height:1.4}.route-card p{font-size:9px}.route-top{font-size:8px}.route-focus{padding:14px;gap:8px}.route-focus h3{font-size:13px}.route-focus p{font-size:11px}.challenge-list{grid-template-columns:1fr;padding:0 14px 14px}.challenge-card h3{font-size:14px}.challenge-card p{font-size:12px}.challenge-card button{padding:8px 12px;font-size:11px}.challenge-card details{font-size:11px}.footer{display:block;line-height:1.7;font-size:9px}.footer>span{display:block;margin-top:12px}.guide-dialog{padding:22px}.guide-dialog h2{font-size:25px}.guide-dialog p{font-size:12px}.guide-dialog ul{padding-left:20px}.loading strong{font-size:13px}.viewer-error{inset:80px 20px 85px;padding:20px}.viewer-panel:fullscreen .viewer-tools button span+span{display:none}}@media(max-width:360px){.app-shell{padding:0 10px}.brand{font-size:14px;gap:8px}.cell-tabs button .cell-icon{display:none}.viewer-tools button{padding:6px}.viewer-tools button span+span{display:none}.part-swatch{display:none}.viewer-panel{min-height:400px}.route-card{padding:10px}.guide-dialog{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.fullscreen-info{display:none}.viewer-brand{font-size:10px;letter-spacing:-.2px;color:#92c1ba}.viewer-panel:fullscreen .fullscreen-info{display:block;position:absolute;top:32px;right:26px;max-width:260px;padding:16px 20px;border:1px solid #ffffff18;border-radius:12px;background:#0c1e2ae8;z-index:3;pointer-events:none}.fullscreen-info strong{display:block;font-size:15px}.fullscreen-info span{font-size:10px;color:#aac9d2}.fullscreen-info p{font-size:11px;color:#98b6c3;line-height:1.7;margin-top:8px}@media(max-width:720px){.viewer-brand{font-size:9px}.viewer-panel:fullscreen .fullscreen-info{top:76px;left:20px;right:20px;max-width:none;padding:11px 15px}.viewer-panel:fullscreen .fullscreen-info p{display:none}.viewer-tools button{padding:6px}.viewer-tools button span+span{display:none}.viewer-panel:fullscreen .viewport{inset:142px 0 100px}}@media(min-width:721px){.viewer-panel:fullscreen .viewport{inset:110px 0 100px}}