:root{
  color-scheme:dark;
  --bg:#05090a;
  --panel:#08100f;
  --panel-2:#0b1514;
  --panel-3:#101c19;
  --line:#24332f;
  --line-strong:#3b4e48;
  --text:#eef5f2;
  --soft:#9aaba5;
  --muted:#65756f;
  --mint:#caff73;
  --green:#61e29a;
  --cyan:#54dbe7;
  --violet:#a98bff;
  --amber:#ffc55c;
  --red:#ff786f;
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --sans:"Manrope",system-ui,sans-serif;
  --serif:"Newsreader",Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.45;overflow-x:hidden}
button,input,textarea,select{font:inherit}
button,select,label[for]{-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
button{cursor:pointer}
[hidden]{display:none!important}
.skip-link{position:fixed;z-index:999;left:14px;top:-80px;padding:10px 14px;background:var(--mint);color:#07100d;font:500 .75rem var(--mono);text-decoration:none}.skip-link:focus{top:12px}

.topbar{height:60px;display:grid;grid-template-columns:294px 1fr 208px;align-items:stretch;border-bottom:1px solid var(--line);background:#070d0c;position:relative;z-index:30}
.brand{display:grid;grid-template-columns:32px auto 1fr;align-items:center;gap:9px;padding:0 14px;color:var(--text);text-decoration:none;border-right:1px solid var(--line)}
.brand-mark{width:30px;height:30px;position:relative;display:block}.brand-mark i{position:absolute;border:1px solid var(--mint);border-radius:50%;inset:4px 9px;transform:rotate(45deg)}.brand-mark i:nth-child(2){transform:rotate(-45deg)}.brand-mark i:nth-child(3){inset:10px;border-color:var(--cyan);background:rgba(84,219,231,.18)}
.brand-name{font:500 .76rem var(--mono);letter-spacing:.06em;white-space:nowrap}.brand-name span{color:var(--mint)}
.brand-version{justify-self:end;color:var(--muted);font:400 .52rem var(--mono);letter-spacing:.06em}
.mode-nav{display:flex;align-items:stretch;justify-content:center;min-width:0}
.mode-button{min-width:96px;padding:0 14px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:500 .57rem var(--mono);letter-spacing:.08em;position:relative}.mode-button:first-child{border-left:1px solid var(--line)}.mode-button span{margin-right:7px;color:#43534d}.mode-button:hover{color:var(--text);background:#0b1412}.mode-button.active{color:var(--mint);background:#0d1713}.mode-button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--mint)}.mode-button.active span{color:var(--green)}
.top-actions{display:flex;align-items:stretch;justify-content:flex-end;border-left:1px solid var(--line)}
.engine-pill{display:flex;align-items:center;gap:7px;padding:0 12px;color:var(--soft);font:400 .51rem var(--mono);letter-spacing:.06em}.engine-pill i,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(97,226,154,.75)}
.icon-action{width:45px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--soft);font:500 .84rem var(--mono)}.icon-action:hover{background:var(--panel-3);color:var(--mint)}

.instrument{height:calc(100dvh - 104px);min-height:680px;display:grid;grid-template-columns:294px minmax(520px,1fr) 330px;background:var(--bg);border-bottom:1px solid var(--line)}
.source-rail,.inspector-rail{background:var(--panel);min-width:0;display:flex;flex-direction:column;overflow:hidden}.source-rail{border-right:1px solid var(--line)}.inspector-rail{border-left:1px solid var(--line)}
.rail-tabs,.inspector-tabs{height:43px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);flex:0 0 auto}.inspector-tabs{grid-template-columns:repeat(3,1fr)}
.rail-tab,.inspector-tab{border:0;border-right:1px solid var(--line);background:#070d0c;color:var(--muted);font:500 .56rem var(--mono);letter-spacing:.1em;position:relative}.rail-tab:last-child,.inspector-tab:last-child{border-right:0}.rail-tab.active,.inspector-tab.active{color:var(--mint);background:#0d1714}.rail-tab.active:after,.inspector-tab.active:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--mint)}
.rail-panel,.inspector-panel{display:none;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.rail-panel.active,.inspector-panel.active{display:block}.rail-panel{flex:1}.inspector-panel{flex:1}
.source-types{display:grid;grid-template-columns:repeat(3,1fr);height:38px;border-bottom:1px solid var(--line)}
.source-type{border:0;border-right:1px solid var(--line);background:#09100f;color:var(--muted);font:500 .5rem var(--mono);letter-spacing:.08em}.source-type:last-child{border-right:0}.source-type.active{background:var(--mint);color:#07100d}
.source-pane{display:none;padding:17px 14px 12px}.source-pane.active{display:block}
.field-heading,.module-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;text-transform:uppercase}.field-heading label,.field-heading>span,.module-heading span{color:var(--soft);font:500 .54rem var(--mono);letter-spacing:.09em}.field-heading>span:last-child,.field-heading small,.module-heading em{color:var(--green);font:400 .46rem var(--mono);font-style:normal;letter-spacing:.08em}
.code-field{display:grid;grid-template-columns:28px 1fr;border:1px solid var(--line-strong);background:#050c0b}.code-field>span{padding:11px 7px;border-right:1px solid var(--line);color:#52635d;font:400 .52rem var(--mono)}.code-field textarea{width:100%;resize:vertical;min-height:85px;padding:10px;border:0;background:transparent;color:var(--mint);font:400 .7rem/1.55 var(--mono);outline:0}
.inference-card{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-top:0;background:#0d1815}.inference-card>i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.inference-card div{display:flex;min-width:0;flex-direction:column}.inference-card b{font:500 .55rem var(--mono);letter-spacing:.05em}.inference-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.56rem}.inference-card>span{color:var(--green);font:400 .53rem var(--mono)}.inference-card.error>i{background:var(--red);box-shadow:none}.inference-card.error>span,.inference-card.error b{color:var(--red)}
.primary-button,.secondary-button,.upload-button{min-height:39px;border:0;background:var(--mint);color:#07100d;font:500 .55rem var(--mono);letter-spacing:.07em;display:flex;align-items:center;justify-content:center}.primary-button{width:100%;margin-top:9px}.primary-button span{margin-left:12px;opacity:.55}.primary-button:hover,.upload-button:hover{filter:brightness(1.08)}
.quick-list{margin-top:20px}.quick-list>.field-heading{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:0}.quick-list>button{width:100%;height:35px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--soft);display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0 2px}.quick-list>button:hover{color:var(--mint);padding-left:5px}.quick-list button b{font-size:.67rem;font-weight:500}.quick-list button span{color:var(--muted);font:400 .48rem var(--mono)}
.domain-context{margin-top:auto;padding:13px 14px;border-top:1px solid var(--line);background:#070d0c}.domain-context label{display:block;margin-bottom:6px;color:var(--muted);text-transform:uppercase;font:500 .5rem var(--mono);letter-spacing:.08em}.domain-context select,.creative-controls select{width:100%;height:35px;padding:0 8px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);font-size:.65rem}
.dropzone{height:164px;border:1px dashed var(--line-strong);background:radial-gradient(circle,rgba(202,255,115,.07),transparent 62%),#070e0c;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer}.dropzone.drag{border-color:var(--mint);background:#101c15}.dropzone input,.upload-button input{display:none}.dropzone>span{font:300 1.5rem var(--mono);color:var(--mint)}.dropzone b{font-size:.69rem}.dropzone small{color:var(--muted);font:400 .51rem var(--mono);margin-top:3px}.science-warning{margin-top:14px;padding:10px 11px;border-left:2px solid var(--amber);background:#18150d}.science-warning b{color:var(--amber);font:500 .53rem var(--mono);letter-spacing:.07em}.science-warning p{margin:5px 0 0;color:#a89d84;font-size:.61rem;line-height:1.5}
.data-field{width:100%;min-height:212px;resize:vertical;border:1px solid var(--line-strong);background:#050c0b;color:var(--cyan);padding:10px;font:400 .62rem/1.55 var(--mono)}.split-actions{display:grid;grid-template-columns:1fr 72px;gap:7px}.upload-button{margin-top:9px;background:#111d1a;color:var(--soft);border:1px solid var(--line-strong)}.detected-fields{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.detected-fields span{padding:4px 6px;border:1px solid var(--line);color:var(--soft);font:400 .48rem var(--mono)}.detected-fields b{color:var(--green);font-weight:400}
.labs-intro{padding:15px 14px 12px;border-bottom:1px solid var(--line)}.labs-intro span{color:var(--green);font:500 .52rem var(--mono);letter-spacing:.09em}.labs-intro p{margin:5px 0 0;color:var(--soft);font-size:.62rem;line-height:1.5}.lab-list{padding:7px}.lab-card{width:100%;min-height:67px;border:1px solid transparent;border-bottom-color:var(--line);background:transparent;color:var(--text);display:grid;grid-template-columns:31px 1fr 29px;align-items:center;text-align:left;padding:7px 5px;gap:5px}.lab-card>i{font:400 1rem var(--serif);font-style:normal;color:var(--muted);text-align:center}.lab-card>span{min-width:0;display:flex;flex-direction:column}.lab-card small{color:var(--green);font:500 .45rem var(--mono);letter-spacing:.07em}.lab-card b{font-size:.66rem;font-weight:600}.lab-card em{color:var(--muted);font-size:.53rem;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-card strong{color:var(--muted);font:400 .45rem var(--mono)}.lab-card:hover,.lab-card.active{border-color:#42564c;background:#101b16}.lab-card.active>i,.lab-card.active b,.lab-card.active strong{color:var(--mint)}

.viewport-panel{min-width:0;background:#040908;display:grid;grid-template-rows:52px minmax(430px,1fr) 68px 27px;overflow:hidden}
.viewport-toolbar{display:grid;grid-template-columns:1fr auto 98px;align-items:center;border-bottom:1px solid var(--line);background:#070d0c;padding:0 10px 0 14px}.model-identity{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.model-identity span{color:var(--green);font:500 .48rem var(--mono);letter-spacing:.08em}.model-identity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .64rem var(--mono);letter-spacing:.05em}.model-identity i{color:var(--muted);font:400 .45rem var(--mono);font-style:normal;white-space:nowrap}.representation-switch{display:flex;height:31px;border:1px solid var(--line)}.representation{min-width:56px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:500 .48rem var(--mono);letter-spacing:.07em}.representation:last-child{border-right:0}.representation.active{background:var(--mint);color:#07100d}.viewport-actions{display:flex;justify-content:flex-end;gap:4px}.viewport-actions button{width:29px;height:29px;border:1px solid var(--line);background:var(--panel-2);color:var(--soft);font:400 .65rem var(--mono)}.viewport-actions button:hover{color:var(--mint);border-color:var(--line-strong)}
.viewport{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 52% 44%,rgba(56,122,95,.11),transparent 46%),#040908;isolation:isolate}.viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--mint)}
#modelCanvas{width:100%;height:100%;display:block;position:relative;z-index:2;touch-action:none}.grid-plane{position:absolute;z-index:0;inset:0;background-image:linear-gradient(rgba(125,155,143,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(125,155,143,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.axis-key{position:absolute;z-index:5;top:14px;right:14px;display:flex}.axis-key span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);font:500 .49rem var(--mono)}.axis-key .x{color:var(--mint)}.axis-key .y{color:var(--violet)}.axis-key .z{color:var(--cyan)}
.model-status{position:absolute;z-index:5;top:14px;left:14px;display:grid;grid-template-columns:9px auto;gap:6px}.model-status>i{width:6px;height:6px;margin-top:4px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.model-status span{display:flex;flex-direction:column}.model-status b{font:500 .51rem var(--mono);letter-spacing:.07em}.model-status small{color:var(--muted);font:400 .47rem var(--mono)}
.scan-cursor{position:absolute;z-index:3;top:9%;bottom:8%;left:10%;width:1px;background:linear-gradient(transparent,var(--mint) 15%,var(--mint) 85%,transparent);box-shadow:0 0 14px rgba(202,255,115,.45);pointer-events:none}.scan-cursor:after{content:"";position:absolute;left:-3px;top:51%;width:7px;height:7px;border:1px solid var(--mint);border-radius:50%;background:#07100d}
.point-inspector{position:absolute;z-index:6;left:14px;bottom:15px;padding:8px 10px;border-left:2px solid var(--mint);background:rgba(5,12,10,.82);backdrop-filter:blur(8px)}.point-inspector>span{display:block;margin-bottom:3px;color:var(--muted);font:400 .45rem var(--mono);letter-spacing:.08em}.point-inspector>div{display:flex;gap:10px}.point-inspector b{font:400 .57rem var(--mono)}.point-inspector small{display:block;margin-top:3px;color:var(--green);font:400 .46rem var(--mono)}
.mode-card{position:absolute;z-index:5;right:14px;bottom:14px;width:min(265px,38%);padding:9px 11px;border:1px solid var(--line);background:rgba(8,16,14,.84);backdrop-filter:blur(8px)}.mode-card span{color:var(--mint);font:500 .48rem var(--mono);letter-spacing:.08em}.mode-card p{margin:4px 0 0;color:var(--soft);font-size:.56rem;line-height:1.45}
.higgs-toggle{position:absolute;z-index:7;top:45px;left:50%;transform:translateX(-50%);display:flex;border:1px solid var(--line-strong);background:#07100e}.higgs-toggle button{height:29px;padding:0 11px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--soft);font:500 .48rem var(--mono);letter-spacing:.07em}.higgs-toggle button:last-child{border-right:0}.higgs-toggle button.active{background:var(--violet);color:#080610}
.narrative-drawer{position:absolute;z-index:15;inset:0 0 0 auto;width:min(390px,88%);padding:18px;background:rgba(8,16,14,.97);border-left:1px solid var(--line-strong);box-shadow:-30px 0 80px rgba(0,0,0,.35);overflow:auto}.narrative-drawer header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.narrative-drawer header span{color:var(--green);font:500 .49rem var(--mono);letter-spacing:.08em}.narrative-drawer header button{border:0;background:transparent;color:var(--soft);font-size:1.2rem}.narrative-drawer h2{font-size:1.35rem;margin:18px 0 8px}.narrative-drawer p{color:var(--soft);font-size:.72rem;line-height:1.7}.narrative-drawer dl{margin-top:20px;border-top:1px solid var(--line)}.narrative-drawer dl div{display:grid;grid-template-columns:80px 1fr;padding:9px 0;border-bottom:1px solid var(--line)}.narrative-drawer dt{color:var(--muted);font:400 .49rem var(--mono);text-transform:uppercase}.narrative-drawer dd{margin:0;font-size:.64rem}
.table-view{position:absolute;z-index:10;inset:0;background:#07100e;padding:20px;overflow:auto}.table-view table{width:100%;border-collapse:collapse;font:400 .62rem var(--mono)}.table-view caption{text-align:left;padding:0 0 12px;color:var(--green);letter-spacing:.07em}.table-view th,.table-view td{text-align:right;padding:7px 9px;border-bottom:1px solid var(--line)}.table-view th{position:sticky;top:0;background:#0b1714;color:var(--mint);font-weight:500}.table-view th:first-child,.table-view td:first-child{text-align:left}
.transport{display:grid;grid-template-columns:86px 34px 34px minmax(150px,1fr) 85px 68px 58px;align-items:center;gap:5px;padding:9px 10px;border-top:1px solid var(--line);background:#070d0c}.play-button,.step-button,.loop-button{height:40px;border:1px solid var(--line);background:var(--panel-2);color:var(--soft)}.play-button{display:flex;gap:7px;align-items:center;justify-content:center}.play-button span{color:var(--mint)}.play-button b,.loop-button,.step-button{font:500 .5rem var(--mono);letter-spacing:.05em}.play-button.active{background:var(--mint);color:#07100d}.play-button.active span{color:#07100d}.loop-button.active{color:var(--mint);border-color:#50653f}.timeline-control{position:relative;padding:0 9px}.timeline-control>div{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--muted);font:400 .45rem var(--mono);letter-spacing:.06em}.timeline-control output{color:var(--soft)}
input[type="range"]{appearance:none;width:100%;height:2px;background:#33423d;accent-color:var(--mint)}input[type="range"]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border:1px solid #07100d;border-radius:50%;background:var(--mint);box-shadow:0 0 0 2px rgba(202,255,115,.2)}.peak-marker{position:absolute;left:62.5%;bottom:1px;width:1px;height:8px;background:var(--violet)}
.volume-control,.speed-control{color:var(--muted);text-align:center;font:400 .44rem var(--mono);letter-spacing:.06em}.volume-control input{display:block;margin-top:9px}.speed-control select{display:block;width:100%;margin-top:4px;border:0;background:transparent;color:var(--soft);text-align:center;font:500 .54rem var(--mono)}
.telemetry{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border-top:1px solid var(--line);background:#060b0a}.telemetry span{height:100%;display:flex;align-items:center;gap:5px;padding:0 8px;border-right:1px solid var(--line);color:var(--muted);font:400 .43rem var(--mono);letter-spacing:.05em;white-space:nowrap;overflow:hidden}.telemetry span:last-child{border-right:0}.telemetry b{color:var(--green);font-weight:500;overflow:hidden;text-overflow:ellipsis}

.profile-block{min-height:63px;padding:12px 13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.profile-block>div{display:flex;flex-direction:column}.profile-block span,.profile-block div span{color:var(--muted);font:400 .45rem var(--mono);letter-spacing:.07em}.profile-block b{font:500 .59rem var(--mono);letter-spacing:.04em}.lock-badge{color:var(--green)!important}.lock-badge.unlocked{color:var(--violet)!important}
.legend-summary{padding:12px 13px;border-bottom:1px solid var(--line);background:#0d1714}.legend-summary span{color:var(--green);font:500 .48rem var(--mono);letter-spacing:.08em}.legend-summary p{margin:5px 0 0;color:var(--soft);font-size:.61rem;line-height:1.5}
.mapping-list{border-bottom:1px solid var(--line)}.mapping-row{min-height:60px;display:grid;grid-template-columns:1fr 19px .8fr;align-items:center;padding:8px 12px;border-top:1px solid var(--line)}.mapping-row:first-child{border-top:0}.mapping-source,.mapping-target{display:flex;flex-direction:column}.mapping-source b,.mapping-target b{font:500 .53rem var(--mono);letter-spacing:.04em}.mapping-source small,.mapping-target small{color:var(--muted);font-size:.5rem}.mapping-row>i{color:#50615a;font-style:normal;font-size:.65rem}.mapping-row .mapping-source b:before{content:attr(data-icon);display:inline-block;width:20px;color:var(--mint)}
.audition-button{width:calc(100% - 24px);min-height:51px;margin:11px 12px;border:1px solid var(--violet);background:#171428;color:#ebe5ff;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;text-align:left;padding:8px}.audition-button>span,.audition-button>i{color:var(--violet);font-style:normal}.audition-button div{display:flex;flex-direction:column}.audition-button b{font:500 .53rem var(--mono);letter-spacing:.05em}.audition-button small{color:#a79cbd;font-size:.5rem}
.spectral-module,.creative-controls{padding:12px;border-top:1px solid var(--line)}.spectrum-bar{height:9px;margin:7px 0 5px;position:relative;background:linear-gradient(90deg,#7148ff,#4e5fff,#34cbff,#53ec9f,#dff659,#ffad4b,#ff5b4f)}.spectrum-bar i{position:absolute;top:-3px;left:43.75%;width:2px;height:15px;background:white;box-shadow:0 0 6px white}.spectral-module input{display:block}.spectrum-labels{display:flex;justify-content:space-between;margin-top:5px}.spectrum-labels span{color:var(--muted);font:400 .42rem/1.3 var(--mono)}.spectral-module p{margin:8px 0 0;color:#7b8a84;font-size:.53rem;line-height:1.5}.module-heading output{color:var(--text);font:400 .47rem var(--mono)}
.creative-controls{background:#121020}.creative-controls label{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;margin:10px 0;color:#bfb7d6;font-size:.58rem}.creative-controls label input{grid-column:1/3}.creative-controls label output{font:400 .48rem var(--mono);color:var(--violet)}.creative-controls label select{grid-column:1/3;border-color:#3d355a;background:#0d0b18}.toggle-row{grid-template-columns:1fr 32px!important}.toggle-row input{position:absolute;opacity:0}.toggle-row i{position:relative;width:30px;height:16px;border-radius:10px;background:#3b354c}.toggle-row i:after{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#8c829f;transition:.2s}.toggle-row input:checked+i{background:var(--violet)}.toggle-row input:checked+i:after{left:16px;background:white}
.training-entry{flex:0 0 55px;border:0;border-top:1px solid var(--line);background:var(--panel-3);color:var(--text);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;text-align:left;padding:8px 12px}.training-entry>span{color:var(--violet);font:500 .48rem var(--mono);letter-spacing:.08em}.training-entry>b{grid-column:1;font-size:.59rem}.training-entry>i{grid-column:2;grid-row:1/3;align-self:center;color:var(--violet);font:500 .49rem var(--mono);font-style:normal}.training-entry:hover{background:#171527}
.value-hero{padding:22px 15px 18px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 30%,rgba(202,255,115,.08),transparent 55%)}.value-hero span{display:block;color:var(--muted);font:500 .48rem var(--mono);letter-spacing:.08em}.value-hero b{display:block;color:var(--mint);font:300 2.2rem var(--mono);letter-spacing:-.07em}.value-hero small{color:var(--soft);font-size:.59rem}.value-grid{margin:0}.value-grid div,.contract-list div{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line)}.value-grid dt,.contract-list dt{color:var(--muted);font:400 .48rem var(--mono);text-transform:uppercase}.value-grid dd,.contract-list dd{margin:0;text-align:right;font:400 .55rem var(--mono)}.mini-trace{height:130px;margin:14px 12px;border:1px solid var(--line);position:relative}.mini-trace canvas{width:100%;height:100%;display:block}.mini-trace span{position:absolute;left:7px;top:6px;color:var(--muted);font:400 .43rem var(--mono);letter-spacing:.06em}.secondary-button{width:calc(100% - 24px);margin:12px;background:transparent;color:var(--mint);border:1px solid var(--line-strong)}.secondary-button:hover{border-color:var(--mint)}
.contract-head{padding:16px 13px;border-bottom:1px solid var(--line);background:#0d1714}.contract-head span{color:var(--green);font:500 .47rem var(--mono);letter-spacing:.08em}.contract-head b{display:block;margin-top:4px;font:500 .65rem var(--mono)}.contract-head p{margin:7px 0 0;color:var(--soft);font-size:.59rem;line-height:1.45}.contract-list{margin:0}.contract-list div{grid-template-columns:.72fr 1.28fr}.contract-list dd{line-height:1.4}.provenance-box{display:grid;grid-template-columns:10px 1fr;gap:8px;margin:12px;padding:10px;border:1px solid #3b5c46;background:#0c1711}.provenance-box>i{width:6px;height:6px;margin-top:4px;border-radius:50%;background:var(--green)}.provenance-box span{display:flex;flex-direction:column}.provenance-box b{color:var(--green);font:500 .49rem var(--mono)}.provenance-box small{color:var(--soft);font-size:.51rem;line-height:1.4}

.research-strip{height:44px;display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;border-bottom:1px solid var(--line);background:#0a1311;padding:0 14px}.research-strip>div:first-child{display:flex;align-items:center;gap:12px}.research-strip span{color:var(--green);font:500 .47rem var(--mono);letter-spacing:.08em}.research-strip b{font-size:.61rem;font-weight:500;color:var(--soft)}.research-strip>button{height:28px;border:1px solid var(--line-strong);background:transparent;color:var(--mint);font:500 .47rem var(--mono);letter-spacing:.07em}.research-strip>button span{margin-left:8px}.source-links{display:flex;justify-content:flex-end;gap:17px}.source-links a{color:var(--muted);font:400 .44rem var(--mono);letter-spacing:.06em;text-decoration:none}.source-links a:hover{color:var(--mint)}

dialog{width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--line-strong);background:#08110f;color:var(--text);box-shadow:0 40px 140px rgba(0,0,0,.8);overflow:auto}dialog::backdrop{background:rgba(0,5,4,.82);backdrop-filter:blur(7px)}
.training-dialog header,.information-dialog header{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 25px 16px;border-bottom:1px solid var(--line)}.training-dialog header span,.information-dialog header span{color:var(--soft);font:400 .52rem var(--mono);letter-spacing:.08em}.training-dialog header h2,.information-dialog h2{margin:7px 0 0;font-size:2rem;line-height:1.05;letter-spacing:-.04em}.training-dialog header button,.information-dialog header button{border:0;background:transparent;color:var(--soft);font-size:1.35rem}.lesson-track{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px 25px}.lesson-track span{height:2px;background:#2c3a35}.lesson-track span.active{background:var(--mint)}.lesson-layout{display:grid;grid-template-columns:.8fr 1.2fr;min-height:350px}.lesson-layout>aside{padding:26px;border-right:1px solid var(--line)}.lesson-layout>aside>span{color:var(--green);font:500 .49rem var(--mono)}.lesson-layout h3{font-size:1.5rem;margin:10px 0}.lesson-layout p{color:var(--soft);font-size:.72rem;line-height:1.65}.lesson-layout dl{margin-top:23px;border-top:1px solid var(--line)}.lesson-layout dl div{display:grid;grid-template-columns:70px 1fr;padding:8px 0;border-bottom:1px solid var(--line)}.lesson-layout dt{color:var(--muted);font:400 .48rem var(--mono)}.lesson-layout dd{margin:0;text-align:right;font-size:.58rem}.lesson-layout>section{padding:26px}.training-visual{height:185px;border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;background:radial-gradient(circle,rgba(169,139,255,.1),transparent 60%)}.training-visual>i{width:2px;height:26%;background:var(--violet);animation:trainingPulse .8s ease-in-out infinite alternate;animation-play-state:paused}.training-visual.playing>i{animation-play-state:running}.training-visual i:nth-child(2){animation-delay:.1s}.training-visual i:nth-child(3){animation-delay:.2s}.training-visual i:nth-child(4){animation-delay:.3s}.training-visual i:nth-child(5){animation-delay:.4s}@keyframes trainingPulse{to{height:73%}}
.training-visual button{position:absolute;inset:0;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;flex-direction:column}.training-visual button>span{color:var(--violet);font-size:1.3rem}.training-visual button b{font:500 .56rem var(--mono);letter-spacing:.07em}.training-visual button small{color:var(--muted);font-size:.51rem}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.answer-grid button{height:49px;border:1px solid var(--line);background:var(--panel-2);color:var(--soft);display:flex;align-items:center;gap:7px;justify-content:center}.answer-grid button span{color:var(--muted);font:400 .48rem var(--mono)}.answer-grid button b{font:500 .52rem var(--mono)}.answer-grid button.correct{border-color:var(--green);color:var(--green)}.answer-grid button.wrong{border-color:var(--red);color:var(--red)}.lesson-feedback{padding:11px 2px;color:var(--soft);font-size:.61rem}.training-dialog>footer{height:55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 25px}.training-dialog>footer span{color:var(--soft);font:400 .5rem var(--mono)}.training-dialog>footer button{height:34px;padding:0 13px;border:0;background:var(--mint);color:#07100d;font:500 .51rem var(--mono)}
.information-dialog{padding-bottom:25px}.information-dialog h2{font-size:clamp(2.7rem,6vw,5rem);margin:28px 30px;line-height:.92}.information-dialog h2 em{font-family:var(--serif);font-weight:400;color:var(--mint)}.guide-grid,.standard-grid{display:grid;grid-template-columns:repeat(2,1fr);margin:0 30px;border:1px solid var(--line)}.guide-grid section,.standard-grid article{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-grid section:nth-child(2n),.standard-grid article:nth-child(2n){border-right:0}.guide-grid section:nth-child(n+3),.standard-grid article:nth-child(n+3){border-bottom:0}.guide-grid b,.standard-grid h3{color:var(--green);font:500 .55rem var(--mono);letter-spacing:.07em}.guide-grid p,.standard-grid p{margin:6px 0 0;color:var(--soft);font-size:.68rem;line-height:1.55}.keyboard-grid{display:flex;gap:18px;flex-wrap:wrap;margin:18px 30px 0}.keyboard-grid span{color:var(--soft);font:400 .5rem var(--mono)}kbd{padding:4px 6px;border:1px solid var(--line-strong);background:#101a18;color:var(--mint);font:inherit}.standard-grid{grid-template-columns:repeat(4,1fr)}.standard-grid article{border-bottom:0}.standard-grid article:nth-child(2){border-right:1px solid var(--line)}.standard-grid article>span{display:grid;place-items:center;width:29px;height:29px;margin-bottom:14px;border:1px solid var(--mint);border-radius:50%;color:var(--mint);font:500 .65rem var(--mono)}.standard-grid h3{margin:0;font-size:.59rem}.method-principle{margin:20px 30px;color:var(--soft);font-size:.69rem;line-height:1.65}.method-dialog footer{display:flex;gap:15px;margin:0 30px}.method-dialog footer a{color:var(--mint);font:500 .48rem var(--mono);letter-spacing:.06em;text-decoration:none}
.toast{position:fixed;z-index:100;right:15px;bottom:15px;max-width:340px;padding:10px 14px;background:var(--mint);color:#07100d;font:500 .55rem var(--mono);box-shadow:0 10px 40px #000;transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}

/* Chemistry composer */
.chemistry-panel{overflow:auto;background:linear-gradient(180deg,#0b1513,#07100e)}.chem-panel-head{min-height:58px;display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:#0d1916}.chem-panel-head button{width:29px;height:29px;border:1px solid var(--line-strong);background:transparent;color:var(--mint)}.chem-panel-head div{display:flex;flex-direction:column}.chem-panel-head span,.chem-panel-head i{color:var(--green);font:500 .43rem var(--mono);letter-spacing:.08em;font-style:normal}.chem-panel-head b{font:600 .6rem var(--mono);letter-spacing:.05em}.chem-panel-head i{color:var(--muted);font-size:.4rem}
.viewport-panel.chemistry-layout .transport{grid-template-columns:86px 34px 34px minmax(150px,1fr) 85px}
.chem-mode-switch{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.chem-mode{height:35px;border:0;border-right:1px solid var(--line);background:#08110f;color:var(--muted);font:500 .43rem var(--mono);letter-spacing:.04em}.chem-mode:last-child{border-right:0}.chem-mode.active{background:#17251e;color:var(--mint);box-shadow:inset 0 -2px var(--mint)}
.chem-section{padding:11px 10px;border-bottom:1px solid var(--line)}.common-elements{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.element-tile{min-width:0;aspect-ratio:1;border:1px solid var(--line);background:#0d1816;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:grab}.element-tile:active{cursor:grabbing}.element-tile:hover,.element-tile.selected{border-color:var(--mint);background:#17241e;box-shadow:0 0 0 1px rgba(202,255,115,.15)}.element-tile b{font:500 .67rem var(--mono)}.element-tile small{color:var(--muted);font:400 .35rem var(--mono)}.element-tile i{position:absolute;left:3px;top:2px;color:#52615b;font:400 .3rem var(--mono);font-style:normal}.element-tile.alkali{--element:#ff9b70}.element-tile.transition{--element:#ffc55c}.element-tile.metalloid{--element:#61e29a}.element-tile.nonmetal{--element:#54dbe7}.element-tile.noble{--element:#a98bff}.element-tile.lanthanide,.element-tile.actinide{--element:#ff86b7}.element-tile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--element,#82938d)}
.periodic-open{width:100%;margin-top:7px;min-height:42px;padding:6px 8px;border:1px solid var(--line-strong);background:#101a18;color:var(--text);display:grid;grid-template-columns:24px 1fr auto;align-items:center;text-align:left}.periodic-open>span{color:var(--cyan)}.periodic-open div{display:flex;flex-direction:column}.periodic-open b{font:500 .48rem var(--mono)}.periodic-open small{color:var(--muted);font-size:.4rem}.periodic-open i{color:var(--cyan);font:500 .41rem var(--mono);font-style:normal}
.fragment-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.fragment-card{min-height:45px;padding:6px 7px;border:1px solid var(--line);background:#0d1816;color:var(--text);display:grid;grid-template-columns:25px 1fr;text-align:left;cursor:grab}.fragment-card:hover{border-color:var(--cyan)}.fragment-card>i{color:var(--cyan);font:500 .54rem var(--mono);font-style:normal}.fragment-card span{display:flex;flex-direction:column;min-width:0}.fragment-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .44rem var(--mono)}.fragment-card small{color:var(--muted);font-size:.38rem}
.bond-order{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.bond-choice{height:35px;border:1px solid var(--line);background:#0b1513;color:var(--soft);font:500 .64rem var(--mono)}.bond-choice span{display:block;color:var(--muted);font-size:.34rem}.bond-choice.active{border-color:var(--mint);color:var(--mint);background:#15211b}.speech-setting{display:grid;grid-template-columns:1fr;gap:5px;margin-top:9px;color:var(--muted);font:500 .43rem var(--mono)}.speech-setting select{height:31px;border:1px solid var(--line);background:#09110f;color:var(--soft);font-size:.45rem;padding:0 6px}
.chem-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:10px}.chem-actions button{height:35px;border:1px solid var(--line-strong);background:#101a18;color:var(--soft);font:500 .43rem var(--mono)}.chem-actions button:nth-child(2){color:var(--mint);border-color:#50653f}.chem-actions #removeChemistryAtom,.chem-actions #clearChemistry{color:var(--red)}.chem-actions #clearChemistry{grid-column:1/3}.chem-safety{margin:0 10px 12px;padding:8px;border:1px solid #3d4b31;background:#11170e}.chem-safety b{color:var(--amber);font:500 .41rem var(--mono)}.chem-safety p{margin:3px 0 0;color:var(--muted);font-size:.44rem;line-height:1.5}
.viewport.chemistry-active{background:radial-gradient(circle at 50% 46%,#10201c 0,#07100e 53%,#030706 100%)}.viewport.chemistry-active .model-status,.viewport.chemistry-active .axis-key,.viewport.chemistry-active .scan-cursor,.viewport.chemistry-active .point-inspector,.viewport.chemistry-active .mode-card{display:none}.viewport.chemistry-drop{box-shadow:inset 0 0 0 2px var(--mint)}
.chemistry-hud{position:absolute;z-index:9;left:12px;right:12px;top:12px;display:grid;grid-template-columns:150px 1fr 205px;gap:10px;align-items:start;pointer-events:none}.chem-formula,.chem-stage-guide,.chem-status-chip{border:1px solid var(--line);background:rgba(5,12,10,.86);backdrop-filter:blur(8px);min-height:54px;padding:8px 10px}.chem-formula span,.chem-stage-guide span{display:block;color:var(--muted);font:500 .39rem var(--mono);letter-spacing:.08em}.chem-formula b{font:400 1.2rem var(--mono);color:var(--mint)}.chem-formula small{display:block;color:var(--soft);font-size:.45rem}.chem-stage-guide p{margin:3px 0 0;color:var(--soft);font-size:.48rem;line-height:1.4}.chem-status-chip{display:grid;grid-template-columns:8px 1fr;gap:7px;align-items:center}.chem-status-chip>i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.chem-status-chip.warning>i{background:var(--amber);box-shadow:0 0 9px var(--amber)}.chem-status-chip.error>i{background:var(--red);box-shadow:0 0 9px var(--red)}.chem-status-chip span{display:flex;flex-direction:column}.chem-status-chip b{color:var(--green);font:500 .45rem var(--mono)}.chem-status-chip.warning b{color:var(--amber)}.chem-status-chip.error b{color:var(--red)}.chem-status-chip small{color:var(--muted);font-size:.4rem}
.chemistry-readout{position:absolute;z-index:10;left:12px;right:12px;bottom:11px;min-height:45px;border:1px solid var(--line);background:rgba(5,12,10,.9);backdrop-filter:blur(9px);display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:12px;padding:7px 9px}.resolution-meter{display:grid;grid-template-columns:1fr 35px;gap:4px}.resolution-meter span{grid-column:1/3;color:var(--muted);font:500 .36rem var(--mono);letter-spacing:.06em}.resolution-meter>div{height:3px;background:#24332f;align-self:center}.resolution-meter>div i{display:block;height:100%;width:92%;background:var(--green);transition:width .35s}.resolution-meter output{color:var(--green);font:500 .42rem var(--mono)}.chemistry-readout p{margin:0;color:var(--soft);font-size:.46rem;line-height:1.35}.chemistry-readout button{border:0;background:transparent;color:var(--mint);font:500 .4rem var(--mono)}
.speech-caption{position:absolute;z-index:14;left:50%;bottom:69px;transform:translateX(-50%);width:min(520px,calc(100% - 24px));padding:8px 11px;border:1px solid var(--violet);background:rgba(17,13,29,.94);text-align:center;box-shadow:0 10px 35px rgba(0,0,0,.45)}.speech-caption span{color:var(--violet);font:500 .37rem var(--mono);letter-spacing:.09em}.speech-caption p{margin:3px 0 0;color:#ede8ff;font-size:.52rem}
.periodic-tray{position:absolute;z-index:25;left:8px;right:8px;bottom:8px;max-height:74%;overflow:auto;border:1px solid var(--line-strong);background:rgba(6,14,12,.98);box-shadow:0 22px 75px rgba(0,0,0,.75)}.periodic-tray>header{position:sticky;z-index:3;top:0;display:grid;grid-template-columns:1fr 200px 31px;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid var(--line);background:#0b1714}.periodic-tray header div{display:flex;flex-direction:column}.periodic-tray header span{color:var(--green);font:500 .4rem var(--mono);letter-spacing:.08em}.periodic-tray header b{font-size:.55rem}.periodic-tray header label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px}.periodic-tray header input{height:28px;min-width:0;border:1px solid var(--line);background:#07100e;color:var(--text);padding:0 7px;font-size:.48rem}.periodic-tray header button{width:30px;height:30px;border:0;background:transparent;color:var(--soft);font-size:1rem}.periodic-legend{display:flex;align-items:center;gap:9px;padding:7px 11px;color:var(--muted);font:400 .35rem var(--mono)}.periodic-legend span:before{content:"";display:inline-block;width:5px;height:5px;margin-right:3px;background:#82938d}.periodic-legend .alkali:before{background:#ff9b70}.periodic-legend .transition:before{background:#ffc55c}.periodic-legend .metalloid:before{background:#61e29a}.periodic-legend .nonmetal:before{background:#54dbe7}.periodic-legend .noble:before{background:#a98bff}.periodic-legend small{margin-left:auto;font-size:.35rem}.periodic-grid{min-width:680px;display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(9,39px);gap:3px;padding:6px 10px 12px}.periodic-grid .element-tile{aspect-ratio:auto}.periodic-grid .element-tile.dimmed{opacity:.12;pointer-events:none}

@media(max-width:1220px){
  .topbar{grid-template-columns:250px 1fr 155px}.brand{grid-template-columns:31px auto}.brand-version,.engine-pill{display:none}.mode-button{min-width:76px;padding:0 8px}.mode-button span{display:none}
  .instrument{height:auto;min-height:calc(100dvh - 104px);grid-template-columns:250px minmax(500px,1fr);grid-template-rows:minmax(680px,calc(100dvh - 104px)) auto}.inspector-rail{grid-column:1/3;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:155px 1fr;grid-template-rows:auto auto}.inspector-tabs{grid-column:1;height:100%;grid-template-columns:1fr;grid-template-rows:repeat(3,44px);border:0;border-right:1px solid var(--line)}.inspector-tab{border-right:0;border-bottom:1px solid var(--line)}.inspector-panel{grid-column:2;grid-row:1/3;min-height:280px}.inspector-panel.active{display:grid;grid-template-columns:repeat(3,1fr);align-content:start}.profile-block,.legend-summary{min-height:76px}.mapping-list{grid-column:1/3;display:grid;grid-template-columns:repeat(2,1fr)}.mapping-row{border-right:1px solid var(--line)}.audition-button{grid-column:3;grid-row:1;margin-top:12px}.spectral-module,.creative-controls{grid-column:3}.training-entry{grid-column:1;grid-row:2;min-height:60px}.value-hero{grid-row:1/3}.value-grid{grid-column:2}.mini-trace{grid-column:3;grid-row:1/3;height:180px}.inspector-panel>.secondary-button{grid-column:3}.contract-head{grid-row:1/3}.contract-list{grid-column:2}.provenance-box{grid-column:3}.contractPanel>.secondary-button{grid-column:3}
  #contractPanel>.secondary-button{grid-column:3}
  .chemistry-hud{grid-template-columns:125px 1fr 170px}.periodic-grid{min-width:620px}.fragment-list{grid-template-columns:1fr}
  .research-strip{grid-template-columns:1fr 180px}.source-links{display:none}
}
@media(max-width:820px){
  .topbar{height:auto;min-height:58px;grid-template-columns:1fr auto}.brand{border-right:0}.top-actions{grid-column:2}.mode-nav{grid-column:1/3;grid-row:2;height:42px;border-top:1px solid var(--line);overflow-x:auto;justify-content:stretch}.mode-button{flex:1;min-width:84px}.mode-button:first-child{border-left:0}
  .instrument{display:block;min-height:0}.source-rail,.inspector-rail{border:0;border-bottom:1px solid var(--line);height:auto;max-height:none}.rail-panel{max-height:510px}.viewport-panel{height:720px;grid-template-rows:54px minmax(450px,1fr) 76px 28px}.viewport-toolbar{grid-template-columns:1fr auto}.model-identity{grid-template-columns:auto 1fr}.model-identity i{display:none}.representation-switch{grid-row:2;grid-column:1/3;position:absolute;z-index:8;top:104px;left:50%;transform:translateX(-50%);background:#08100f}.viewport-actions{grid-column:2}.transport{grid-template-columns:76px 32px 32px 1fr 54px}.volume-control,.speed-control{display:none}.loop-button{grid-column:5}.telemetry{grid-template-columns:repeat(2,1fr)}.telemetry span:nth-child(2),.telemetry span:nth-child(3),.telemetry span:nth-child(5){display:none}
  .chemistry-panel{max-height:620px}.common-elements{grid-template-columns:repeat(8,1fr)}.fragment-list{grid-template-columns:repeat(3,1fr)}.chemistry-hud{top:56px;grid-template-columns:120px 1fr}.chem-status-chip{display:none}.periodic-tray{max-height:68%}.chemistry-readout{grid-template-columns:150px 1fr}.chemistry-readout button{display:none}.viewport-panel.chemistry-layout .transport{grid-template-columns:76px 32px 32px 1fr}
  .inspector-rail{display:block}.inspector-tabs{height:43px;display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--line)}.inspector-tab{border-bottom:0;border-right:1px solid var(--line)}.inspector-panel.active{display:block}.mapping-list{display:block}.audition-button,.spectral-module,.creative-controls{display:block}.training-entry{min-height:58px}
  .research-strip{height:auto;min-height:60px;grid-template-columns:1fr auto;gap:10px}.research-strip>div:first-child{display:block}.research-strip b{display:block;margin-top:3px}.research-strip>button{padding:0 10px}
  .lesson-layout{grid-template-columns:1fr}.lesson-layout>aside{border-right:0;border-bottom:1px solid var(--line)}.standard-grid{grid-template-columns:repeat(2,1fr)}.standard-grid article{border-bottom:1px solid var(--line)!important}.standard-grid article:nth-child(2n){border-right:0!important}.standard-grid article:nth-child(n+3){border-bottom:0!important}
}
@media(max-width:520px){
  body{font-size:16px}.top-actions .icon-action:first-of-type{display:none}.brand{padding-left:9px}.brand-name{font-size:.68rem}.instrument{overflow:visible}.source-pane{padding:14px 11px}.viewport-panel{height:650px;grid-template-rows:52px minmax(400px,1fr) 76px 27px}.viewport-toolbar{padding-left:9px}.model-identity span{display:none}.model-identity b{font-size:.57rem}.viewport-actions button{width:27px}.representation{min-width:52px}.mode-card{display:none}.point-inspector{left:9px;bottom:9px}.axis-key{top:9px;right:9px}.model-status{top:9px;left:9px}.transport{grid-template-columns:72px 31px 31px 1fr;padding:8px 6px}.loop-button{display:none}.timeline-control{padding:0 4px}.telemetry span{padding:0 5px}.research-strip{padding:10px;display:block}.research-strip>button{margin-top:8px}.training-dialog header,.information-dialog header{padding:18px}.lesson-layout>aside,.lesson-layout>section{padding:19px}.answer-grid{grid-template-columns:1fr}.information-dialog h2{margin:24px 18px}.guide-grid,.standard-grid{margin:0 18px;grid-template-columns:1fr}.guide-grid section,.standard-grid article{border-right:0!important;border-bottom:1px solid var(--line)!important}.guide-grid section:last-child,.standard-grid article:last-child{border-bottom:0!important}.keyboard-grid,.method-principle,.method-dialog footer{margin-left:18px;margin-right:18px}.method-dialog footer{flex-direction:column}
  .common-elements{grid-template-columns:repeat(6,1fr)}.fragment-list{grid-template-columns:1fr 1fr}.chemistry-hud{top:54px;left:8px;right:8px;grid-template-columns:105px 1fr}.chem-formula,.chem-stage-guide{min-height:47px;padding:6px}.chem-stage-guide p{font-size:.4rem}.chemistry-readout{left:8px;right:8px;bottom:8px;display:block}.resolution-meter{margin-bottom:6px}.speech-caption{bottom:88px}.periodic-tray{left:4px;right:4px;bottom:4px;max-height:75%}.periodic-tray>header{grid-template-columns:1fr 28px}.periodic-tray header label{grid-column:1/3;grid-row:2}.periodic-legend{display:none}.periodic-grid{min-width:620px}.viewport-panel.chemistry-layout .transport{grid-template-columns:72px 31px 31px 1fr}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.toast,.toggle-row i,.toggle-row i:after{transition:none}.training-visual>i{animation:none}}

/* Diorhabda genome observatory */
.beetle-lab-card{background:linear-gradient(110deg,rgba(84,219,231,.08),transparent 62%)}
.beetle-lab-card>i{color:var(--cyan)}
.genome-panel{overflow:auto;background:linear-gradient(180deg,#071315 0,#06100f 58%,#080d0c 100%)}
.genome-panel-head{position:sticky;z-index:4;top:0;min-height:58px;display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:rgba(7,19,21,.97);backdrop-filter:blur(10px)}
.genome-panel-head button{width:29px;height:29px;border:1px solid var(--line-strong);background:transparent;color:var(--cyan)}
.genome-panel-head div{display:flex;flex-direction:column}.genome-panel-head span,.genome-panel-head i{color:var(--cyan);font:500 .43rem var(--mono);letter-spacing:.08em;font-style:normal}.genome-panel-head b{font:600 .59rem var(--mono);letter-spacing:.045em}.genome-panel-head i{color:var(--muted);font-size:.39rem}
.genome-section{padding:12px 10px;border-bottom:1px solid var(--line)}
.genome-lenses{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.genome-lens{min-height:48px;padding:6px 3px;border:1px solid var(--line);background:#091513;color:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center}.genome-lens b{font:500 .42rem var(--mono);letter-spacing:.04em}.genome-lens small{margin-top:3px;color:var(--muted);font-size:.34rem}.genome-lens.active{border-color:var(--cyan);background:#102120;color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}
.species-stack{display:grid;gap:5px}.genome-species-card{position:relative;min-height:51px;padding:7px 8px;border:1px solid var(--line);background:#091311;color:var(--text);display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left}.genome-species-card:before{content:"";width:7px;height:30px;border-radius:1px;background:var(--species);box-shadow:0 0 13px color-mix(in srgb,var(--species),transparent 45%)}.genome-species-card span{min-width:0;display:flex;flex-direction:column}.genome-species-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .52rem var(--mono);font-style:italic}.genome-species-card small{margin-top:2px;color:var(--muted);font-size:.37rem}.genome-species-card em{color:var(--muted);font:500 .38rem var(--mono);font-style:normal}.genome-species-card.active{border-color:var(--species);background:color-mix(in srgb,var(--species) 8%,#091311)}.genome-species-card.active em{color:var(--species)}
.genome-brief{margin-top:7px;border:1px solid var(--line);background:#07110f}.genome-brief summary{padding:9px;color:var(--cyan);cursor:pointer;font:500 .65rem var(--mono);list-style-position:inside}.genome-brief summary span{float:right;color:var(--muted);font-size:.58rem}.genome-brief dl{margin:0;border-top:1px solid var(--line)}.genome-brief dl div{padding:8px 9px;border-bottom:1px solid var(--line)}.genome-brief dl div:last-child{border-bottom:0}.genome-brief dt{color:var(--amber);font:500 .59rem var(--mono)}.genome-brief dd{margin:3px 0 0;color:var(--soft);font-size:.68rem;line-height:1.45}
.genome-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.genome-control-grid label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font:500 .41rem var(--mono)}.genome-control-grid label:last-child{grid-column:1/3}.genome-control-grid select{width:100%;height:32px;border:1px solid var(--line);background:#081210;color:var(--soft);padding:0 7px;font-size:.43rem}
.genome-data-loader{background:rgba(84,219,231,.025)}.genome-upload{min-height:50px;padding:7px 9px;border:1px dashed #355957;background:#091513;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;cursor:pointer}.genome-upload input{position:absolute;opacity:0;pointer-events:none}.genome-upload>span{color:var(--cyan);font-size:1rem}.genome-upload div{display:flex;flex-direction:column}.genome-upload b{font:500 .45rem var(--mono);color:var(--soft)}.genome-upload small{margin-top:2px;color:var(--muted);font-size:.37rem}.genome-upload:hover{border-color:var(--cyan);background:#0c1b1a}.genome-data-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.genome-data-actions button{height:30px;border:1px solid var(--line);background:#0a1513;color:var(--soft);font:500 .38rem var(--mono)}
.genome-integrity{margin:10px;padding:9px;border:1px solid #4a4327;background:#141409}.genome-integrity b{color:var(--amber);font:500 .4rem var(--mono);letter-spacing:.06em}.genome-integrity p{margin:4px 0 0;color:#aaa88e;font-size:.43rem;line-height:1.52}
.genome-sources{display:flex;flex-wrap:wrap;gap:7px;padding:0 10px 13px}.genome-sources a{color:var(--cyan);font:500 .61rem var(--mono);text-decoration:none}.genome-sources a:hover{text-decoration:underline}
.viewport.genome-active{background:radial-gradient(circle at 55% 35%,rgba(30,77,73,.27),transparent 42%),linear-gradient(180deg,#061110,#040908)}.viewport.genome-active:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(117,162,154,.035) calc(10% - 1px),rgba(117,162,154,.035) 10%)}
.viewport.genome-active .model-status,.viewport.genome-active .axis-key,.viewport.genome-active .scan-cursor,.viewport.genome-active .point-inspector,.viewport.genome-active .mode-card{display:none}
.genome-hud{position:absolute;z-index:9;left:12px;right:12px;top:12px;display:grid;grid-template-columns:155px 1fr 170px;gap:9px;pointer-events:none}.genome-locus,.genome-question,.genome-evidence{min-height:57px;padding:8px 10px;border:1px solid var(--line);background:rgba(4,13,12,.88);backdrop-filter:blur(9px)}.genome-locus span,.genome-question span,.genome-evidence span{display:block;color:var(--muted);font:500 .37rem var(--mono);letter-spacing:.075em}.genome-locus b{display:block;margin-top:2px;color:var(--cyan);font:500 .61rem var(--mono)}.genome-locus small,.genome-evidence small{display:block;margin-top:2px;color:var(--muted);font-size:.39rem}.genome-question p{margin:4px 0 0;color:var(--soft);font-size:.47rem;line-height:1.42}.genome-evidence b{display:block;margin-top:3px;color:var(--amber);font:500 .43rem var(--mono)}
.genome-readout{position:absolute;z-index:10;left:12px;right:12px;bottom:11px;min-height:58px;border:1px solid var(--line);background:rgba(4,12,11,.92);backdrop-filter:blur(10px);display:grid;grid-template-columns:minmax(250px,1.2fr) minmax(180px,1fr) auto;gap:12px;align-items:center;padding:8px 9px}.genome-species-values{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.genome-value{min-width:0;padding:5px 6px;border-left:2px solid var(--species);background:color-mix(in srgb,var(--species) 6%,transparent)}.genome-value span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:500 .34rem var(--mono);font-style:italic}.genome-value b{display:block;margin-top:2px;color:var(--species);font:500 .47rem var(--mono)}.genome-readout p{margin:0;color:var(--soft);font-size:.44rem;line-height:1.45}.genome-readout button{height:32px;padding:0 9px;border:1px solid var(--cyan);background:transparent;color:var(--cyan);font:500 .38rem var(--mono)}
.viewport-panel.genome-layout .transport{grid-template-columns:86px 34px 34px minmax(150px,1fr) 85px}.viewport-panel.genome-layout .speed-control{display:flex}

@media(max-width:1220px){.genome-hud{grid-template-columns:135px 1fr 150px}.genome-readout{grid-template-columns:minmax(240px,1fr) minmax(170px,.8fr)}.genome-readout button{display:none}}
@media(max-width:820px){.genome-panel{max-height:680px}.genome-hud{top:56px;grid-template-columns:125px 1fr}.genome-evidence{display:none}.genome-readout{display:block}.genome-readout p{margin-top:7px}.genome-species-values{grid-template-columns:repeat(4,1fr)}.viewport-panel.genome-layout .transport{grid-template-columns:76px 32px 32px 1fr 54px}}
@media(max-width:520px){.genome-lenses{grid-template-columns:1fr}.genome-lens{min-height:39px;display:grid;grid-template-columns:78px 1fr;text-align:left}.genome-control-grid{grid-template-columns:1fr}.genome-control-grid label:last-child{grid-column:auto}.genome-hud{top:54px;left:8px;right:8px;grid-template-columns:112px 1fr}.genome-locus,.genome-question{min-height:49px;padding:6px}.genome-question p{font-size:.39rem}.genome-readout{left:8px;right:8px;bottom:8px}.genome-species-values{grid-template-columns:1fr 1fr}.genome-readout p{display:none}.viewport-panel.genome-layout .transport{grid-template-columns:72px 31px 31px 1fr}.viewport-panel.genome-layout .speed-control{display:none}}

.genome-panel .field-heading>span{font-size:.69rem}.genome-panel .field-heading small{font-size:.63rem}.genome-panel-head span,.genome-panel-head i{font-size:.62rem}.genome-panel-head b{font-size:.72rem}.genome-lens b{font-size:.69rem}.genome-lens small{font-size:.62rem}.genome-species-card{min-height:61px}.genome-species-card b{font-size:.75rem}.genome-species-card small,.genome-species-card em{font-size:.62rem;line-height:1.35}.genome-control-grid label{font-size:.67rem}.genome-control-grid select{font-size:.72rem}.genome-upload b{font-size:.69rem}.genome-upload small,.genome-data-actions button{font-size:.62rem}.genome-integrity b{font-size:.65rem}.genome-integrity p{font-size:.68rem}.genome-locus span,.genome-question span,.genome-evidence span{font-size:.62rem}.genome-locus b{font-size:.76rem}.genome-locus small,.genome-evidence small{font-size:.61rem}.genome-question p{font-size:.7rem}.genome-evidence b{font-size:.67rem}.genome-value span{font-size:.59rem}.genome-value b{font-size:.7rem}.genome-readout p{font-size:.67rem}.genome-readout button{font-size:.62rem}
@media(max-width:520px){.genome-lens{min-height:45px}.genome-question p{font-size:.62rem}.genome-locus b{font-size:.67rem}.genome-value span{font-size:.57rem}.genome-value b{font-size:.64rem}}