@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-0.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-1.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-2.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-3.ttf) format("truetype")}:root{font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark;--bg: #111318;--ink: #e4e8f0;--muted: #99a1b1;--faint: #788294;--panel: #1a1e27eb;--border: #b8c5e020;--hover: #b8c5e00a;--accent: #c8d3e7;--button-ink: #1a2332;--selected: #a9c4ef13;--shadow: #0002;background:var(--bg);color:var(--ink)}:root[data-theme=light]{color-scheme:light;--bg: #edf0f5;--ink: #273043;--muted: #647087;--faint: #778299;--panel: #fafcffed;--border: #273c5e20;--hover: #273c5e08;--accent: #47668d;--button-ink: #f4f7fc;--selected: #41638e12;--shadow: #2730430a}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;transition:background .18s,color .18s}button:hover{background:var(--hover)}button:disabled{opacity:.35;cursor:default}button,a,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{flex-shrink:0}button svg{vertical-align:middle}.studio{height:100dvh;min-height:350px;width:100%;position:relative;isolation:isolate}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.scene canvas{display:block;touch-action:none;cursor:grab}.scene-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 40%,#070b121a 100%)}.glass{background:var(--panel);border:1px solid var(--border);border-radius:6px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 48px var(--shadow)}.identity{position:absolute;top:31px;left:32px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--faint);display:flex;align-items:center;gap:8px}.identity .eyebrow>span{height:4px;width:4px;border-radius:50%;background:var(--accent)}.identity h1{font-weight:400;font-size:34px;letter-spacing:-1.1px;margin:10px 0 9px}.identity h1 em{font-family:Georgia,serif;font-weight:400;color:var(--ink)}.identity sup{font-size:8px;color:var(--faint);letter-spacing:.04em;vertical-align:top;margin-left:9px;position:relative;top:6px}.identity p{font-size:10px;color:var(--muted);margin:0;letter-spacing:.02em}.top-actions{position:absolute;right:29px;top:31px;display:flex;gap:6px;align-items:center}.icon-button{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex-shrink:0;color:var(--muted);border-radius:4px}.icon-button.active,.icon-button:hover{color:var(--ink);background:var(--selected)}.search-trigger{display:flex;align-items:center;gap:11px;padding:10px 13px;font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:5px;margin-right:8px;background:var(--panel)}kbd{font-family:inherit;font-size:9px;padding:1px 4px;border:1px solid var(--border);border-radius:2px}.search-trigger kbd{margin-left:22px;opacity:.5}.subject-selector{position:absolute;top:116px;left:50%;transform:translate(-50%);text-align:center;max-width:calc(100% - 650px)}.breadcrumb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;margin-top:9px;min-height:25px}.breadcrumb>span{display:flex;align-items:center;gap:3px}.breadcrumb button{font-size:9px;color:var(--faint);padding:4px 5px;white-space:nowrap}.breadcrumb>span:last-child button{color:var(--muted)}.breadcrumb svg{color:var(--faint);opacity:.4}.tree-panel{position:absolute;left:32px;top:183px;width:244px;padding:18px 15px 0;max-height:calc(100dvh - 390px);display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink)}.counter{font-size:9px;color:var(--faint)}.panel-hint{font-size:10px;line-height:1.6;color:var(--faint);margin:10px 0 13px}.tree-scroll{min-height:120px;max-height:calc(100dvh - 655px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;margin:0 -6px;padding:0 3px 8px}.tree-row{display:flex;align-items:center;min-height:34px;border-radius:3px;padding-left:calc(var(--indent) * 8px);border:1px solid transparent;position:relative}.tree-row.selected{background:var(--selected);border-color:var(--border)}.tree-caret{width:19px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--faint)}.tree-caret svg{transition:transform .25s}.tree-caret.expanded svg{transform:rotate(90deg)}.tree-caret:disabled{opacity:.1}.tree-name{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:7px 5px 7px 0;text-align:left;font-size:10px;color:var(--muted);min-height:32px}.tree-name>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-name small{font-size:10px;color:var(--faint)}.particle-dot{height:4px;width:4px;flex-shrink:0;border-radius:50%}.composition-summary{border-top:1px solid var(--border);padding:13px 2px;display:flex;gap:7px;flex-wrap:wrap}.composition-summary>span{font-size:9px;color:var(--faint)}.composition-summary b{font-weight:400;color:var(--muted)}.composition-summary>span:not(:last-child):after{content:"·";margin-left:7px;color:var(--faint);opacity:.5}.display-options{border-top:1px solid var(--border);padding:9px 0}.toggle{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:30px;font-size:10px;color:var(--muted);padding:4px 2px;text-align:left}.switch{width:25px;height:14px;border-radius:8px;position:relative;background:#95a4c025}.switch i{height:8px;width:8px;border-radius:50%;background:var(--faint);position:absolute;left:3px;top:3px;transition:transform .2s}.switch.on{background:#8faed14a}.switch.on i{background:var(--accent);transform:translate(11px)}.tree-foot{display:flex;align-items:center;gap:7px;border-top:1px solid var(--border);padding:12px 1px;color:var(--faint);font-size:9px}.tiny-dot{width:3px;height:3px;background:var(--faint);border-radius:50%}.view-controls{position:absolute;right:29px;top:48%;transform:translateY(-50%);padding:4px;display:flex;flex-direction:column;gap:3px}.view-controls>i{height:1px;margin:4px 6px;background:var(--border)}.detail-panel{position:absolute;right:90px;top:183px;width:245px;padding:15px 19px 16px;max-height:calc(100dvh - 365px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.detail-panel.dismissed{display:none}.detail-top{display:flex;justify-content:space-between;align-items:center}.detail-top .icon-button{width:25px;height:25px}.symbol-tile{margin:17px 0 19px;display:flex;align-items:center;justify-content:center;width:70px;height:76px;border:1px solid color-mix(in srgb,var(--particle),transparent 75%);border-radius:3px;background:color-mix(in srgb,var(--particle),transparent 96%);color:var(--particle);font-size:29px;letter-spacing:-.8px}.light .symbol-tile{color:var(--ink)}.detail-panel h2{font-size:23px;line-height:1.25;font-weight:400;letter-spacing:-.6px;margin:0 0 9px}.belongs-to{display:flex;gap:6px;align-items:center;color:var(--faint);font-size:9px;padding:0 0 5px;text-align:left}.description{font-size:11px;color:var(--muted);line-height:1.85;margin:12px 0 16px}.contains{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px;padding:10px 0;border-top:1px solid var(--border)}.contains svg{color:var(--faint)}.contains strong{font-weight:400;color:var(--ink)}.facts{border-block:1px solid var(--border);padding:9px 0;margin:0 0 16px}.facts>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:9px}.facts dt{color:var(--faint)}.facts dd{margin:0;text-align:right;color:var(--muted);font-size:10px}.detail-actions{display:flex;flex-direction:column;gap:8px}.primary-action{display:flex;align-items:center;gap:9px;min-height:40px;padding:10px 9px;border-radius:3px;background:var(--accent);color:var(--button-ink);font-size:10px;text-align:left}.primary-action:hover{background:color-mix(in srgb,var(--accent),white 10%)}.primary-action span{flex:1}.secondary-action{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);color:var(--muted);min-height:37px;border-radius:3px;font-size:9px}.source-link{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:var(--faint);font-size:9px;margin-top:16px}.interaction-controls{position:absolute;left:32px;bottom:191px;width:244px;padding:14px;display:flex;gap:7px;flex-wrap:wrap}.interaction-title{width:100%;font-size:10px;color:var(--faint);margin-bottom:4px}.interaction-controls button{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:3px;color:var(--muted);padding:8px 7px;font-size:9px}.interaction-controls button.active{background:var(--selected);color:var(--accent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;margin:0;display:block;cursor:ew-resize;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--accent) var(--progress),var(--border) var(--progress));border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-4px;height:10px;width:10px;border:2px solid var(--bg);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}input[type=range]::-moz-range-track{height:2px;background:var(--border)}input[type=range]::-moz-range-progress{height:2px;background:var(--accent)}input[type=range]::-moz-range-thumb{height:8px;width:8px;border:2px solid var(--bg);border-radius:50%;background:var(--accent)}.lower-left{position:absolute;left:34px;bottom:91px;display:flex;align-items:center;gap:16px}.mini-formula{font-size:27px;color:var(--muted);letter-spacing:-1px}.lower-left>span:last-child{font-size:9px;color:var(--faint);line-height:1.7;border-left:1px solid var(--border);padding-left:14px}.detail-reopen{position:absolute;right:34px;bottom:98px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;padding:6px}.studio>footer{position:absolute;left:32px;right:32px;bottom:23px;display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:8px}.studio>footer b{font-weight:400;margin:0 8px;opacity:.5}.studio>footer button{font-size:8px;color:var(--faint);display:flex;align-items:center;gap:5px;padding:5px}.atom-label{position:absolute;top:0;left:0;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 9px;min-height:29px;border:1px solid var(--border);border-radius:3px;background:var(--panel);color:var(--muted);font-size:9px;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.atom-label[hidden]{display:none}.atom-label:after{content:"";position:absolute;height:13px;width:1px;left:50%;top:100%;background:var(--border)}.atom-label .label-symbol{color:var(--particle);font-size:11px}.light .atom-label .label-symbol{color:var(--ink)}.atom-label.selected{border-color:color-mix(in srgb,var(--particle),transparent 40%);color:var(--ink)}.hover-card{position:absolute;z-index:15;pointer-events:none;background:var(--panel);border:1px solid var(--border);border-radius:4px;font-size:11px;padding:10px 13px;color:var(--ink);box-shadow:0 5px 20px #0002;max-width:240px;line-height:1.5}.event-status{position:absolute;left:50%;bottom:163px;transform:translate(-50%);display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);white-space:nowrap}.event-status>span{height:4px;width:4px;border-radius:50%;background:#efc984}.event-status button{color:var(--faint);padding:5px}.toast{position:absolute;left:50%;top:28px;transform:translate(-50%);z-index:70;padding:13px 19px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:90%}.scene-error{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:90;background:var(--panel);border:1px solid var(--border);padding:25px;border-radius:5px;width:300px;text-align:center;font-size:13px;line-height:1.7}.scene-error button{padding:10px 20px;background:var(--accent);color:var(--button-ink);border-radius:3px}.atlas-dialog{background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:24px 30px;width:550px;max-width:calc(100% - 26px);max-height:85dvh;box-shadow:0 25px 100px #0005;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.atlas-dialog::backdrop{background:#03060b99;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.atlas-dialog h2{font-size:29px;letter-spacing:-.7px;font-weight:400;margin:20px 0}.atlas-dialog p{font-size:12px;line-height:1.9;color:var(--muted)}.atlas-dialog h3{font-size:12px;font-weight:500;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.atlas-dialog>a{display:flex;align-items:center;gap:7px;font-size:12px;text-decoration:none;margin:14px 0}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--selected);border-radius:5px;padding:14px;margin:23px 0 15px;color:var(--faint)}.search-box input{background:none;border:0;color:var(--ink);font-size:13px;width:100%;outline:none}.search-results{max-height:47dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.search-results>button{display:flex;align-items:center;gap:13px;width:100%;padding:12px 6px;text-align:left;border-radius:3px}.search-symbol{font-size:22px;min-width:36px;text-align:center}.search-results>button>span:nth-child(2){flex:1;min-width:0}.search-results strong{display:block;font-weight:400;font-size:13px}.search-results small{font-size:9px;line-height:1.5;display:block;color:var(--faint);margin-top:5px}.search-results>button>svg{color:var(--faint)}.shortcuts{font-size:10px!important}.particle-reference{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:11px;padding:15px 0}.mobile-only{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;overflow:hidden;white-space:nowrap}@media(max-height:900px)and (min-width:768px){.tree-panel,.detail-panel{top:156px}.tree-panel{max-height:calc(100dvh - 363px)}.tree-scroll{max-height:calc(100dvh - 611px)}.detail-panel{max-height:calc(100dvh - 333px)}.symbol-tile{height:62px;width:61px;font-size:26px;margin:10px 0 15px}.description{font-size:11px;line-height:1.7}.interaction-controls{bottom:176px;padding:11px 14px}.event-status{bottom:148px}.subject-selector{top:109px}.lower-left{bottom:78px}.detail-reopen{bottom:85px}.studio>footer{bottom:17px}}@media(max-width:1150px)and (min-width:768px){.tree-panel{left:22px;width:225px}.detail-panel{width:224px;right:79px;padding-inline:16px}.identity{left:23px}.top-actions{right:23px}.view-controls{right:22px}.subject-selector{max-width:calc(100% - 560px);left:48%}.breadcrumb button{font-size:8px}.interaction-controls{left:22px;width:225px}.interaction-title{font-size:9px}.interaction-controls button{font-size:8px;padding:7px 5px}.lower-left{display:none}.detail-reopen{bottom:175px;right:26px}.tree-name{font-size:9px}}@media(max-height:750px)and (min-width:768px){.identity{top:23px}.identity h1{font-size:28px}.top-actions{top:23px}.tree-panel,.detail-panel{top:140px}.tree-panel{padding-top:13px;max-height:calc(100dvh - 330px)}.panel-hint{font-size:9px;margin:8px 0}.tree-scroll{min-height:105px;max-height:calc(100dvh - 575px)}.tree-row,.tree-name{min-height:29px}.composition-summary{padding:9px 0}.toggle{min-height:27px}.tree-foot{padding:9px 0}.symbol-tile{display:none}.detail-panel h2{margin-top:10px}.detail-panel{max-height:calc(100dvh - 320px)}.subject-selector{top:95px}.interaction-controls{bottom:163px;padding:10px 12px}.event-status{bottom:139px}.lower-left{bottom:75px}}@media(max-width:767px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.identity{left:19px;top:max(22px,env(safe-area-inset-top))}.identity h1{font-size:28px;margin:9px 0 7px}.identity p{font-size:9px}.identity .eyebrow{font-size:7px}.top-actions{top:max(23px,env(safe-area-inset-top));right:12px;gap:0}.top-actions .icon-button{width:30px;height:31px}.top-actions>button[data-action=share],.top-actions>button[data-action=about],.search-trigger>span,.search-trigger kbd{display:none}.search-trigger{border:0;background:none;padding:9px;margin:0}.subject-selector{top:125px;left:50%;max-width:calc(100% - 28px);width:100%}.breadcrumb{margin-top:3px;max-width:100%;padding:0 7px}.breadcrumb button{font-size:8px;padding:3px}.breadcrumb>span{gap:0}.tree-panel,.detail-panel{display:none}.tree-panel.mobile-open{display:flex;left:12px;right:12px;width:auto;top:auto;bottom:calc(125px + env(safe-area-inset-bottom));max-height:calc(100dvh - 230px);z-index:40;background:var(--bg);padding:12px 15px 0}.tree-scroll{max-height:calc(100dvh - 425px);min-height:90px}.tree-row{min-height:35px}.tree-name{font-size:12px;min-height:35px}.tree-name small{font-size:12px}.tree-caret{width:24px;height:34px}.tree-row{padding-left:calc(var(--indent) * 12px)}.composition-summary{font-size:10px;padding:10px 2px}.toggle{min-height:32px;font-size:11px}.panel-heading{font-size:13px}.panel-hint{font-size:11px;margin:8px 0 10px}.tree-foot{font-size:10px;padding:11px 0}.detail-panel.mobile-open:not(.dismissed){display:block;z-index:40;left:12px;right:12px;top:auto;bottom:calc(125px + env(safe-area-inset-bottom));width:auto;max-height:42dvh;background:var(--bg);padding:13px 18px}.symbol-tile{display:none}.detail-panel h2{font-size:24px;margin-top:8px}.detail-top .eyebrow{font-size:8px}.description{font-size:12px;line-height:1.7;margin:10px 0 14px}.belongs-to,.contains{font-size:11px}.facts>div{font-size:10px}.facts dd{font-size:11px}.primary-action{font-size:12px;min-height:43px}.secondary-action{font-size:11px;min-height:41px}.view-controls{right:12px;top:42%;padding:3px}.view-controls .icon-button{height:33px;width:31px}.view-controls>button[data-action=fullscreen]{display:none}.view-controls>i{margin:2px 6px}.interaction-controls{left:50%;transform:translate(-50%);bottom:calc(170px + env(safe-area-inset-bottom));width:auto;white-space:nowrap;flex-wrap:nowrap;padding:4px;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:9px}.interaction-title{display:none}.interaction-controls button{font-size:9px;min-height:32px;background:var(--panel);padding:7px 10px;gap:7px}.interaction-controls button svg{width:13px}.lower-left{display:none}.detail-reopen{left:50%;right:auto;bottom:calc(127px + env(safe-area-inset-bottom));transform:translate(-50%);font-size:10px;white-space:nowrap;gap:6px}.detail-reopen svg{width:13px}.studio>footer{left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));justify-content:center}.studio>footer>span{display:none}.studio>footer button{font-size:7px}.atom-label{font-size:8px;padding:5px 7px;min-height:27px;gap:5px}.atom-label .label-symbol{font-size:10px}.atom-label:after{height:10px}.event-status{bottom:calc(210px + env(safe-area-inset-bottom));font-size:8px;white-space:nowrap;max-width:95%;gap:5px}.hover-card{display:none}.atlas-dialog{padding:20px;max-height:87dvh}.atlas-dialog h2{font-size:26px}.toast{top:110px;font-size:11px;padding:12px 15px}}@media(max-width:360px){.identity{left:14px}.identity h1{font-size:25px}.identity p{font-size:8px}.top-actions{right:9px}.atom-label .label-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}}@media(max-height:650px)and (max-width:767px){.identity{top:16px}.identity h1{font-size:25px}.identity p{display:none}.top-actions{top:16px}.subject-selector{top:87px}.breadcrumb{margin-top:0}.interaction-controls{bottom:153px}.detail-reopen{bottom:116px}.event-status{bottom:185px}.tree-panel.mobile-open{max-height:calc(100dvh - 195px)}.tree-scroll{max-height:calc(100dvh - 390px)}.tree-panel .composition-summary,.tree-panel .panel-hint{display:none}.detail-panel.mobile-open:not(.dismissed){max-height:48dvh}.view-controls{top:39%}}@media(max-height:520px)and (min-width:600px){.identity{left:20px;top:17px}.identity h1{font-size:23px;margin:7px 0}.identity p,.lower-left,.interaction-controls,.detail-reopen{display:none}.top-actions{top:17px;right:14px}.tree-panel{left:15px;top:105px;width:190px;padding:12px 10px 0;max-height:calc(100dvh - 157px)}.tree-scroll{min-height:60px;max-height:110px}.tree-panel .panel-hint,.composition-summary,.tree-foot{display:none}.panel-heading{font-size:10px}.counter{font-size:8px}.tree-name{font-size:9px}.tree-row{padding-left:calc(var(--indent) * 6px);min-height:27px}.tree-name{min-height:27px}.toggle{font-size:9px;min-height:25px}.display-options{padding:4px 0}.detail-panel{top:104px;right:65px;width:198px;max-height:calc(100dvh - 213px);padding:10px 13px}.symbol-tile{display:none}.detail-panel h2{font-size:19px;margin-top:6px}.description{font-size:10px}.subject-selector{top:73px;left:48%;max-width:calc(100% - 440px)}.breadcrumb button{font-size:7px}.breadcrumb{margin:0}.view-controls{right:12px}.view-controls .icon-button{width:29px;height:28px}.studio>footer{bottom:6px}.event-status{bottom:111px;font-size:8px}.atom-label .label-name{display:none}.atom-label{min-height:24px;padding:3px 5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(min-width:768px){.tree-panel{max-height:calc(100dvh - 485px)}}@media(max-height:900px)and (min-width:768px){.tree-panel{max-height:calc(100dvh - 440px)}}@media(max-height:750px)and (min-width:768px){.tree-panel{max-height:calc(100dvh - 400px)}}@media(max-height:520px)and (min-width:600px){.tree-panel{max-height:calc(100dvh - 157px)}}.zoom-navigation{position:absolute;z-index:12;top:183px;left:50%;transform:translate(-50%);width:min(500px,calc(100% - 650px));display:flex;padding:7px;align-items:stretch;border-radius:9px}.zoom-navigation button{display:flex;flex:1;min-width:0;gap:12px;align-items:center;padding:10px 14px;border-radius:5px;text-align:left;transition:background .18s,opacity .18s}.zoom-navigation button:last-child{text-align:right;justify-content:flex-end}.zoom-navigation button:hover:not(:disabled){background:var(--hover)}.zoom-navigation button:disabled{opacity:.4;cursor:default}.zoom-navigation button svg{flex-shrink:0;color:var(--muted)}.zoom-navigation button span{min-width:0;display:flex;flex-direction:column;gap:5px}.zoom-navigation small{font-size:8px;letter-spacing:.13em;color:var(--faint)}.zoom-navigation strong{font-size:12px;font-weight:500;color:var(--ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zoom-navigation>i{width:1px;background:var(--border);margin:9px 0}.composition-trigger{position:absolute;z-index:10;align-items:center;gap:9px;padding:10px 14px;border-radius:6px}.lower-left{bottom:59px}.detail-reopen{bottom:64px}.interaction-controls{bottom:126px}.tree-panel{max-height:calc(100vh - 410px)}.event-status{bottom:78px}@media(min-width:768px)and (max-width:1150px){.zoom-navigation{left:48%;width:calc(100% - 550px)}.zoom-navigation button{padding:9px 7px;gap:6px}.zoom-navigation strong{font-size:10px}}@media(max-width:767px){.zoom-navigation{top:184px;width:calc(100% - 28px);padding:5px;left:50%}.zoom-navigation button{padding:10px;gap:9px;min-height:49px}.zoom-navigation strong{font-size:11px}.zoom-navigation small{font-size:7px}.composition-trigger{display:flex;left:15px;bottom:calc(72px + env(safe-area-inset-bottom));font-size:10px}.detail-reopen{display:flex;left:auto;right:17px;bottom:calc(83px + env(safe-area-inset-bottom));transform:none;max-width:44%;overflow:hidden}.interaction-controls{bottom:calc(27px + env(safe-area-inset-bottom))}.tree-panel.mobile-open,.detail-panel.mobile-open{top:253px;bottom:123px;max-height:none}.event-status{bottom:122px;font-size:9px}}@media(max-height:650px)and (max-width:767px){.identity{top:15px}.identity p{display:none}.subject-selector{top:91px}.zoom-navigation{top:146px}.zoom-navigation button{min-height:43px;padding:7px 9px}.tree-panel.mobile-open,.detail-panel.mobile-open{top:212px}}@media(max-height:520px)and (min-width:768px){.zoom-navigation{top:92px;width:340px}.zoom-navigation button{padding:7px 10px}.subject-selector{top:36px}.interaction-controls{bottom:45px}.tree-panel{max-height:calc(100vh - 170px)}.lower-left,.detail-reopen{display:none}}.molecule-trigger{display:flex;align-items:center;justify-content:center;gap:12px;margin:auto;padding:9px 13px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.molecule-trigger:hover{background:var(--hover);border-color:var(--muted)}.molecule-trigger small{color:var(--muted);font-size:12px;border-left:1px solid var(--border);padding-left:12px}.molecule-dialog{width:940px;padding:22px 28px 0;max-height:92dvh;overflow:hidden}.molecule-dialog[open]{display:flex;flex-direction:column}.molecule-dialog .dialog-heading{flex-shrink:0}.picker-intro{margin:14px 0 24px;flex-shrink:0}.picker-intro .eyebrow{font-size:9px;letter-spacing:2px;color:var(--faint)}.picker-intro h2{font-size:34px;letter-spacing:-1px;margin:9px 0 2px}.picker-intro p{margin:0}.picker-body{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;min-height:0;overflow:auto}.picker-stage{position:relative;min-height:350px;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:radial-gradient(ellipse at 50% 45%,var(--selected),transparent 72%)}.preview-formula{position:absolute;top:22px;left:24px;font-size:58px;letter-spacing:-3px;color:var(--ink);opacity:.13;pointer-events:none}.molecule-preview{position:absolute;top:35px;right:10px;bottom:55px;left:10px;cursor:grab}.molecule-preview:active{cursor:grabbing}.molecule-preview canvas,.molecule-preview>svg{display:block;width:100%;height:100%;touch-action:none}.preview-hint{position:absolute;bottom:51px;left:0;right:0;display:flex;justify-content:center;gap:7px;align-items:center;color:var(--faint);font-size:10px;pointer-events:none}.preview-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:13px 18px;font-size:10px;color:var(--muted)}.picker-collection{min-width:0}.molecule-choice{width:100%;display:flex;align-items:center;gap:7px;min-height:82px;margin-bottom:8px;padding:5px 12px;text-align:left;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s}.molecule-choice:hover{background:var(--hover);border-color:var(--faint)}.molecule-choice[aria-pressed=true]{border-color:var(--muted);background:var(--selected)}.choice-number{color:var(--faint);font-size:9px;align-self:flex-start;padding-top:9px}.molecule-choice>svg{width:82px;height:64px;flex-shrink:0}.choice-copy{display:flex;flex:1;flex-direction:column;gap:7px}.choice-copy strong{font-size:12px;font-weight:500}.choice-copy>span{font-size:11px;color:var(--muted)}.choice-copy i{font-style:normal;padding:0 5px;opacity:.5}.choice-check{width:16px;flex-shrink:0;color:var(--accent)}.picker-facts{padding:0 3px}.picker-facts p{font-size:11px;margin:17px 0 12px}.element-chips{display:flex;flex-wrap:wrap;gap:7px}.element-chips>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;padding:5px 7px;border:1px solid var(--border);border-radius:4px}.element-chips i{width:6px;height:6px;border-radius:50%}.picker-facts dl{margin:14px 0 0}.picker-facts dl>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:10px;border-top:1px solid var(--border)}.picker-facts dt{color:var(--muted)}.picker-facts dd{margin:0}.picker-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:18px;border-top:1px solid var(--border);padding:19px 0;margin-top:24px}.picker-footer>span{font-size:11px;color:var(--ink)}.picker-footer small{display:block;font-size:10px;margin-top:5px;color:var(--faint)}.picker-enter{display:flex;align-items:center;justify-content:center;gap:24px;padding:13px 18px;border:0;border-radius:4px;color:var(--button-ink);background:var(--accent);font:inherit;font-size:12px;cursor:pointer}.picker-enter:hover{filter:brightness(1.08)}.molecule-trigger:focus-visible,.molecule-choice:focus-visible,.picker-enter:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:680px){.molecule-trigger{font-size:12px;padding:7px 11px;gap:9px}.molecule-dialog{padding:15px 16px 0}.picker-intro{margin:7px 0 15px}.picker-intro h2{font-size:27px}.picker-intro p{font-size:11px}.picker-body{grid-template-columns:1fr;gap:14px}.picker-stage{min-height:210px}.preview-formula{font-size:44px;top:10px;left:17px}.molecule-preview{top:5px;right:10px;bottom:50px;left:10px}.preview-hint{bottom:43px;font-size:9px}.preview-caption{padding:10px 14px}.molecule-choice{min-height:67px;margin-bottom:6px}.molecule-choice>svg{width:72px;height:54px}.picker-footer{margin-top:14px;padding:13px 0}.picker-footer>span{display:none}.picker-enter{width:100%;padding:13px 10px}.picker-facts{padding-bottom:3px}}@media(max-height:540px)and (min-width:681px){.molecule-dialog{padding-top:10px}.picker-intro{margin:0 0 10px}.picker-intro .eyebrow,.picker-intro p{display:none}.picker-intro h2{font-size:24px;margin:0}.picker-stage{min-height:190px;height:190px;position:sticky;top:0}.molecule-preview{top:0;right:10px;bottom:40px;left:10px}.preview-formula{font-size:38px;top:8px;left:15px}.preview-hint{display:none}.picker-footer{margin-top:10px;padding:10px 0}}.scale-anchor{position:absolute;transform:translate(-50%);z-index:3;padding:9px 13px;border:1px solid #d6b78366;border-radius:5px;background:var(--panel);color:var(--ink);font:inherit;font-size:10px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 22px #0002}.scale-anchor[hidden]{display:none}.scale-anchor:hover{border-color:#e2be88}.interaction-controls .context-interaction{width:100%;justify-content:space-between;white-space:normal;text-align:left;line-height:1.5;color:var(--ink)}.lesson-panel{position:absolute;right:28px;top:252px;width:292px;max-height:calc(100dvh - 325px);padding:17px;overflow:auto;z-index:12}.lesson-header{display:flex;justify-content:space-between;align-items:center}.lesson-header .eyebrow{font-size:8px}.lesson-panel h2{font-weight:400;font-size:22px;line-height:1.2;letter-spacing:-.6px;margin:13px 0 18px}.lesson-steps{display:flex;gap:6px}.lesson-steps button{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--border);padding:9px 2px;border-radius:4px;font-size:12px;color:var(--muted);cursor:pointer}.lesson-steps button span{font-size:8px}.lesson-steps button[aria-pressed=true]{background:var(--selected);color:var(--ink);border-color:var(--muted)}.lesson-copy h3{font-size:13px;line-height:1.5;font-weight:500;margin:20px 0 8px}.lesson-copy p{font-size:12px;line-height:1.8;color:var(--ink);margin:0 0 17px}.lesson-legend{font-size:10px;line-height:1.7;padding:10px 12px;border-left:2px solid #d4b47f;background:var(--hover);color:var(--muted)}.lesson-note{font-size:9px;color:var(--faint);line-height:1.7}.lesson-actions{display:flex;gap:8px;margin-top:14px}.lesson-actions button{border:1px solid var(--border);border-radius:4px;padding:10px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;cursor:pointer}.lesson-actions button:last-child{flex:1;background:var(--accent);color:var(--button-ink)}.lesson-actions button:disabled{opacity:.25;cursor:default}.energy-diagram{padding:12px;margin-bottom:14px;border:1px solid var(--border);border-radius:4px}.energy-diagram>span{font-size:9px;color:var(--muted)}.energy-diagram>div{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:10px}.energy-diagram i{width:64px;height:2px;background:var(--faint);position:relative}.energy-diagram i.occupied{background:#d9b87d}.energy-diagram i.occupied:after{content:"";width:7px;height:7px;border-radius:50%;position:absolute;top:-3px;left:27px;background:#edc58d;box-shadow:0 0 12px #edc58d66}.energy-diagram b{display:block;font-weight:400;color:var(--muted);font-size:9px;padding:12px 0 0}.has-lesson .interaction-controls{visibility:hidden}.molecule-dialog .preview-formula{font-size:19px;letter-spacing:0;opacity:.45}.molecule-inset{position:absolute;bottom:65px;right:12px;display:flex;align-items:center;border:1px solid var(--border);border-radius:5px;background:var(--panel);padding:3px 9px 3px 2px;pointer-events:none}.molecule-inset svg{width:65px;height:48px}.molecule-inset span{font-size:8px;color:var(--muted)}.molecule-inset strong{display:block;margin-top:5px;font-size:15px;font-weight:500;color:var(--ink)}.picker-route{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--faint);font-size:9px;padding:0 0 13px}.picker-route strong{color:var(--ink);font-weight:500}@media(max-width:767px){.interaction-controls{display:flex;max-width:calc(100% - 32px);width:340px;flex-wrap:wrap;justify-content:center;gap:5px;bottom:79px}.interaction-controls .context-interaction{width:auto;flex:1;font-size:9px}.interaction-controls button{padding:6px 8px}.interaction-controls button[data-action=higgs]{display:none}.lesson-panel{top:auto;bottom:14px;left:14px;right:14px;width:auto;max-height:42dvh;padding:12px 16px}.lesson-panel h2{font-size:20px;margin:5px 0 11px}.lesson-header{position:sticky;top:-12px;background:var(--bg);z-index:3}.lesson-steps{position:sticky;top:20px;padding:5px 0;background:var(--bg);z-index:1}.lesson-steps button{flex-direction:row;padding:7px}.lesson-copy h3{margin-top:12px}.lesson-actions{position:sticky;bottom:-12px;background:var(--bg);padding:8px 0;z-index:2}.lesson-copy p{font-size:11px}.scale-anchor{font-size:9px;max-width:calc(100% - 30px);white-space:normal}.molecule-inset{bottom:45px}.molecule-inset svg{width:50px;height:36px}.molecule-inset strong{font-size:12px}.has-lesson .detail-reopen{visibility:hidden}.preview-caption span:first-child{max-width:75%}}@media(max-height:540px)and (min-width:768px){.lesson-panel{top:110px;bottom:35px;max-height:none;width:275px;padding:12px}.lesson-panel h2{font-size:18px}.interaction-controls{display:flex;bottom:40px;left:22px;width:210px}.molecule-inset{bottom:42px;right:8px}.molecule-inset svg{width:40px;height:30px}.molecule-inset strong{font-size:11px}}.composition-summary .composition-caption{width:100%;font-size:9px;margin-bottom:3px;color:var(--muted)}@media(max-width:767px)and (max-height:650px){.has-lesson .identity,.has-lesson .top-actions,.has-lesson .breadcrumb{display:none}.has-lesson .subject-selector{top:12px}.has-lesson .zoom-navigation{top:64px}.lesson-panel{max-height:50dvh}.lesson-panel h2{font-size:16px;margin:3px 0 8px}.lesson-header{height:22px}.lesson-header .eyebrow{font-size:7px}.lesson-header .icon-button{width:24px;height:24px}.lesson-steps{top:10px}.lesson-copy h3{font-size:11px;margin:9px 0 5px}.lesson-copy p{font-size:10px;line-height:1.6}}.scale-anchor{font-size:12px;padding:11px 17px}.scale-anchor:disabled{cursor:default;color:var(--muted);border-color:var(--border)}.lesson-panel{right:24px;top:183px;width:440px;padding:24px;max-height:calc(100dvh - 207px)}.lesson-header .eyebrow{font-size:10px}.lesson-panel h2{font-size:29px;line-height:1.25;margin:15px 0 22px}.lesson-steps button{font-size:16px;padding:11px 5px}.lesson-steps button span{font-size:12px}.lesson-copy h3{font-size:18px;margin:21px 0 10px}.lesson-copy p{font-size:15px;line-height:1.75}.lesson-legend{font-size:12px;line-height:1.75;padding:12px 14px}.lesson-note{font-size:11px;line-height:1.75}.lesson-actions button{font-size:14px;min-height:44px}.lesson-panel .source-link{font-size:11px}.lesson-playback{display:flex;align-items:center;gap:8px;margin:14px 0 5px}.lesson-playback button{display:flex;align-items:center;gap:6px;color:var(--ink);border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-size:12px;cursor:pointer}.lesson-playback button:disabled{opacity:.5;cursor:default}.lesson-playback small{margin-left:auto;color:var(--faint);font-size:10px}.energy-diagram{padding:14px}.energy-diagram>span,.energy-diagram b{font-size:12px}.energy-diagram>div{font-size:13px}.energy-diagram i{width:90px}@media(min-width:1150px){.detail-panel{width:320px;right:72px;padding:20px 24px;max-height:calc(100dvh - 245px)}.detail-panel h2{font-size:27px}.detail-panel .description{font-size:14px;line-height:1.8}.detail-panel .facts,.detail-panel .contains{font-size:12px}.detail-panel .source-link,.detail-panel .belongs-to{font-size:11px}.detail-panel .detail-actions button{font-size:12px}}@media(min-width:768px)and (max-width:1149px){.lesson-panel{width:max(340px,40vw);right:24px;padding:20px}.lesson-panel h2{font-size:26px}}@media(max-width:767px){.lesson-panel{left:12px;right:12px;top:auto;bottom:14px;width:auto;padding:16px 18px;max-height:52dvh}.lesson-panel h2{font-size:23px;margin:8px 0 14px}.lesson-header{top:-16px}.lesson-steps{top:16px}.lesson-steps button{font-size:13px;padding:8px 4px}.lesson-steps button span{font-size:10px}.lesson-copy h3{font-size:16px;margin-top:15px}.lesson-copy p{font-size:14px;line-height:1.7}.lesson-playback{gap:5px;margin-top:10px}.lesson-playback button{font-size:11px;padding:7px}.lesson-playback small{font-size:9px}.lesson-actions{bottom:-16px}.scale-anchor{font-size:10px;padding:9px 12px}}@media(max-width:767px)and (max-height:650px){.lesson-panel{max-height:60dvh;padding:12px 14px}.has-lesson .zoom-navigation{top:54px}.has-lesson .view-controls{visibility:hidden}.lesson-panel h2{font-size:20px;margin:7px 0 10px}.lesson-copy h3{font-size:14px;margin:12px 0 7px}.lesson-copy p{font-size:12.5px;line-height:1.65}.lesson-header{top:-12px}.lesson-actions{bottom:-12px}.lesson-steps{top:10px}.lesson-note{font-size:11px}}@media(min-width:768px)and (max-height:540px){.lesson-panel{top:95px;bottom:15px;max-height:none;padding:16px}.lesson-panel h2{font-size:24px}.lesson-copy p{font-size:14px}}.scale-anchor:disabled{opacity:1}@media(min-width:1150px){.detail-panel .facts>div,.detail-panel .facts dd{font-size:12px}}@media(max-width:767px)and (max-height:650px){.lesson-panel h2{font-size:18px;margin:4px 0 7px}.lesson-steps button{padding:6px 4px}.lesson-playback{margin:8px 0 3px}.lesson-playback button{padding:6px}.lesson-copy h3{margin:8px 0 5px}}@media(max-width:767px)and (max-height:650px){.lesson-header{height:0}.lesson-header .eyebrow{display:none}.lesson-header .icon-button{position:absolute;right:0;top:0;background:var(--bg)}.lesson-panel h2{margin-right:25px}}.language-picker{pointer-events:auto;display:inline-flex;flex:none;align-items:center;gap:3px;padding:3px;color:var(--ink);background:var(--panel);border:1px solid var(--border);border-radius:7px;letter-spacing:0}.language-picker button{display:grid;place-items:center;width:36px;height:26px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease}.language-picker button:hover{background:var(--selected)}.language-picker button[aria-pressed=true]{background:var(--selected);border-color:var(--accent)}.language-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.language-picker svg{border-radius:1px}.identity .eyebrow{gap:10px}.identity .eyebrow>.identity-tagline{height:auto;width:auto;background:none}.dialog-heading>.eyebrow{margin-right:auto;margin-left:10px}@media(max-width:767px){.identity-tagline{display:none}}@media(max-width:767px)and (max-height:650px){.has-lesson .identity{display:block;top:14px;left:12px}.has-lesson .identity h1,.has-lesson .identity p{display:none}.has-lesson .subject-selector{left:auto;right:12px;transform:none;max-width:calc(100% - 140px)}.has-lesson .molecule-trigger{max-width:100%}}