:root{--space: #000000;--surface: #101722;--surface-hover: #1b2738;--text-primary: #f3f5f7;--text-secondary: #b8c3d2;--text-muted: #95a4b8;--accent-explore: #f2cc8f;--accent-science: #acc9ff;--observed: #90dcc5;--model: #acc9ff;--artistic: #e5b7f2;--border-subtle: #5a6b84;--border-control: #677a93;--error: #ffb4ab;--veil: #080d15;--accent: var(--accent-explore);--accent-contrast: #1a1207;--font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-brand: 18px;--lh-brand: 24px;--fs-brand-sub: 12px;--lh-brand-sub: 16px;--fs-body-title: 22px;--lh-body-title: 30px;--fs-body-en: 13px;--lh-body-en: 20px;--fs-panel-title: 16px;--lh-panel-title: 24px;--fs-prose: 16px;--lh-prose: 26px;--fs-prose-science: 14px;--lh-prose-science: 22px;--fs-control: 14px;--lh-control: 22px;--fs-meta: 12px;--lh-meta: 18px;--fs-time: 14px;--lh-time: 20px;--fs-chart: 16px;--lh-chart: 26px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-panel: 16px;--radius-control: 10px;--radius-label: 6px;--border-panel: 1px solid var(--border-subtle);--border-control: 1px solid var(--border-control);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .32);--ring: 2px solid var(--accent-explore);--ring-offset: 3px;--tap: 44px;--icon-size: 20px;--label-height: 24px;--edge: 24px;--brand-w: 344px;--brand-h: 64px;--mode-dock-w: 256px;--mode-dock-h: 48px;--nav-w: 280px;--nav-top: 96px;--nav-max-h: 320px;--display-w: 296px;--display-top: 80px;--display-max-h: 360px;--note-w: 400px;--note-h: 96px;--time-w: 400px;--time-h: 56px;--time-top: 640px;--time-panel-max-h: 280px;--source-w: 320px;--source-max-h: 280px;--detail-w: 296px;--detail-top: 88px;--detail-max-h: 440px;--detail-collapsed-h: 56px;--sidebar-w: 344px;--z-canvas: 0;--z-resident: 10;--z-detail: 20;--z-temp: 30;--z-dev: 50;--z-veil: 60;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--dur-open: .16s;--dur-close: .12s;--dur-hover: .12s;--dur-veil-in: .22s;--dur-veil-out: .22s;--dur-veil-min: .16s}.mode-child{--accent: var(--accent-explore);--accent-contrast: #1a1207}.mode-science{--accent: var(--accent-science);--accent-contrast: #06101f}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--space);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#root{width:100%;height:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.numeric,.time-bar__date,.data-field__value,.brand-sub{font-variant-numeric:tabular-nums}:focus-visible{outline:var(--ring);outline-offset:var(--ring-offset)}button:focus:not(:focus-visible){outline:none}.app-root{position:relative;width:100%;height:100%;overflow:hidden;background:var(--space);color:var(--text-primary)}.canvas-host{position:absolute;top:0;left:0;right:0;bottom:0;z-index:var(--z-canvas);transition:none}.app-root.detail-open .canvas-host{right:var(--sidebar-w)}.dev-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-dev) - 1);background:#0000008c;pointer-events:auto}.brand-bar,.mode-dock,.science-note,.time-bar,.detail-panel{position:absolute;z-index:var(--z-resident)}.temp-panel,.panel-anchor{z-index:var(--z-temp)}.detail-panel{z-index:var(--z-detail)}.brand-bar{left:var(--edge);top:var(--edge);width:var(--brand-w);height:var(--brand-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-2) 0 var(--space-4);background:var(--surface);border:var(--border-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.brand-mark{display:flex;flex-direction:column;min-width:0}.brand-mode{display:none;font-size:11px;line-height:16px;color:var(--accent);border:1px solid var(--border-subtle);border-radius:var(--radius-label);padding:0 6px;margin-left:var(--space-1)}.brand-title{font-size:var(--fs-brand);line-height:var(--lh-brand);font-weight:600;color:var(--text-primary);letter-spacing:.02em}.brand-sub{font-size:var(--fs-brand-sub);line-height:var(--lh-brand-sub);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-dock{right:var(--edge);top:var(--edge);width:var(--mode-dock-w);height:var(--mode-dock-h);display:flex;align-items:center;gap:var(--space-1);padding:2px;background:var(--surface);border:var(--border-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.segmented{display:flex;gap:2px}.segmented__btn{height:var(--tap);width:96px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);background:transparent;border:none;border-radius:var(--radius-control);color:var(--text-secondary);font-size:var(--fs-control);line-height:var(--lh-control);font-weight:500;cursor:pointer;transition:background-color var(--dur-hover) ease,color var(--dur-hover) ease}.segmented__btn:hover:not(.is-active){background:var(--surface-hover);color:var(--text-primary)}.segmented__btn.is-active{background:var(--surface-hover);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.dock-display{width:60px;margin-left:auto;border-left:1px solid var(--border-subtle);border-radius:0 var(--radius-control) var(--radius-control) 0}.panel{position:absolute;background:var(--surface);border:var(--border-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--space-4);color:var(--text-primary);max-height:var(--panel-max-h, 60vh);overflow-y:auto;overscroll-behavior:contain}.panel::-webkit-scrollbar,.detail-body::-webkit-scrollbar,.dev-drawer__body::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb,.detail-body::-webkit-scrollbar-thumb,.dev-drawer__body::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.temp-panel{animation:panel-in var(--dur-open) var(--ease-out)}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-anchor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel-anchor>*{pointer-events:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.panel-title{margin:0;font-size:var(--fs-panel-title);line-height:var(--lh-panel-title);font-weight:600;color:var(--text-primary)}.panel-sub{margin:0 0 var(--space-3);font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary)}.panel-hint{margin:var(--space-2) 0 0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3);background:var(--surface);color:var(--text-primary);border:var(--border-control);border-radius:var(--radius-control);font-size:var(--fs-control);line-height:var(--lh-control);font-weight:500;cursor:pointer;transition:background-color var(--dur-hover) ease,border-color var(--dur-hover) ease,color var(--dur-hover) ease}.btn svg{width:var(--icon-size);height:var(--icon-size);flex:0 0 auto}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:active:not(:disabled){background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--accent)}.btn:disabled{background:var(--surface);color:var(--text-muted);border-color:var(--border-subtle);cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:transparent;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent);color:var(--accent-contrast);box-shadow:inset 0 0 0 1px var(--accent-contrast)}.btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border-control)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:var(--border-control)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost.is-open{background:var(--surface-hover);color:var(--accent);border-color:var(--accent)}.btn-text{min-height:var(--tap);background:transparent;border:none;border-radius:var(--radius-control);color:var(--text-secondary);font-size:var(--fs-control);line-height:var(--lh-control);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-1);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-control)}.btn-text:hover{color:var(--text-primary);background:var(--surface-hover);text-decoration-color:var(--accent)}.btn-text svg{width:16px;height:16px}.btn-icon{width:var(--tap);height:var(--tap);min-height:var(--tap);padding:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur-hover) ease,color var(--dur-hover) ease;flex:0 0 auto}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-btn:active{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--accent)}.nav-panel{left:var(--edge);top:var(--nav-top);width:var(--nav-w);max-height:var(--nav-max-h)}.nav-actions{display:flex;flex-direction:column;gap:var(--space-2)}.nav-action{width:100%;justify-content:flex-start;min-height:var(--tap);text-align:left}.nav-action.btn-primary{justify-content:center}.nav-mode{display:none;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.segmented--wide .segmented__btn{flex:1 1 0;width:auto}.nav-dev{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.nav-dev__btn{width:100%;justify-content:flex-start;color:var(--text-secondary)}.display-panel{right:var(--edge);top:var(--display-top);width:var(--display-w);max-height:var(--display-max-h)}.field-group{margin-top:var(--space-3)}.field-group:first-of-type{margin-top:0}.field-label{font-size:var(--fs-meta);line-height:var(--lh-meta);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}.field-text{margin:0 0 var(--space-1);font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary)}.field-note{margin:var(--space-2) 0 0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-muted)}.field-error{margin:var(--space-1) 0 0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--error);display:flex;align-items:center;gap:var(--space-1)}.option-list{display:flex;flex-direction:column;gap:var(--space-1)}.option-btn{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--text-primary);border:var(--border-control);border-radius:var(--radius-control);text-align:left;cursor:pointer;transition:background-color var(--dur-hover) ease,border-color var(--dur-hover) ease}.option-btn:hover:not(:disabled){background:var(--surface-hover)}.option-btn.is-active{background:var(--surface-hover);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.option-btn:disabled{background:var(--surface);color:var(--text-muted);border-color:var(--border-subtle);cursor:not-allowed}.option-btn__check{display:inline-flex;width:16px;height:22px;align-items:center;color:var(--accent);flex:0 0 auto}.option-btn__body{display:flex;flex-direction:column;gap:2px}.option-btn__title{font-size:var(--fs-control);line-height:var(--lh-control);font-weight:500}.option-btn.is-active .option-btn__title{color:var(--accent)}.option-btn__desc{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-muted)}.option-btn--row{align-items:center;min-height:var(--tap);padding:var(--space-1) var(--space-3)}.label-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.science-note{left:var(--edge);bottom:var(--edge);width:var(--note-w);height:var(--note-h);padding:var(--space-2) var(--space-4) 6px;background:var(--surface);border:var(--border-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:0;overflow:hidden}.science-note__head{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap)}.science-note__scene{font-size:var(--fs-meta);line-height:var(--lh-meta);font-weight:500;color:var(--text-secondary);margin-right:var(--space-1)}.science-note__info{margin-left:auto;width:var(--tap);height:var(--tap);margin-top:calc((var(--label-height) - var(--tap)) / 2);margin-bottom:calc((var(--label-height) - var(--tap)) / 2)}.science-note__line{flex:0 0 auto;margin:0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-panel{left:var(--edge);bottom:calc(var(--edge) + var(--note-h) + var(--space-2));width:var(--source-w);max-height:var(--source-max-h)}.source-legend{display:flex;flex-direction:column;gap:var(--space-2)}.source-legend__item{padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface)}.source-legend__item.is-active{border-color:var(--border-control)}.source-legend__meaning{margin:var(--space-1) 0 0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary)}.source-legend__limit{color:var(--text-muted)}.source-legend__tag{color:var(--accent)}.source-legend__enum{display:block;margin-top:2px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.02em}.source-list{margin:0;padding-left:18px;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary)}.source-list a,.detail-sources a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-control)}.source-list a:hover,.detail-sources a:hover{text-decoration-color:var(--accent)}.source-version,.source-note{color:var(--text-muted)}.detail-panel{right:var(--edge);top:var(--detail-top);width:var(--detail-w);max-height:var(--detail-max-h);display:flex;flex-direction:column;background:var(--surface);border:var(--border-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);overflow:hidden;animation:panel-in var(--dur-open) var(--ease-out)}.detail-panel.is-collapsed{height:var(--detail-collapsed-h);max-height:var(--detail-collapsed-h)}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);min-height:var(--detail-collapsed-h)}.detail-title{display:flex;flex-direction:column;min-width:0}.detail-name{margin:0;font-size:var(--fs-body-title);line-height:var(--lh-body-title);font-weight:600}.detail-en{font-size:var(--fs-body-en);line-height:var(--lh-body-en);color:var(--text-secondary)}.detail-actions{display:flex;gap:2px;flex:0 0 auto}.detail-actions .icon-btn{width:var(--tap);height:var(--tap)}.detail-body{padding:0 var(--space-4) var(--space-4);overflow-y:auto;overscroll-behavior:contain}.detail-blurb{margin:0 0 var(--space-3);font-size:var(--fs-prose);line-height:var(--lh-prose);color:var(--text-primary)}.mode-science .detail-blurb{font-size:var(--fs-prose-science);line-height:var(--lh-prose-science);color:var(--text-secondary);max-width:70ch}.data-fields{display:flex;flex-direction:column;gap:var(--space-2)}.data-field{padding:var(--space-2) 0 0;border-top:1px solid var(--border-subtle)}.data-field__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.data-field__label{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary)}.data-field__value{margin-top:2px;font-size:var(--fs-control);line-height:var(--lh-control);font-weight:500;color:var(--text-primary);word-break:break-word}.data-field__unit{color:var(--text-secondary);font-weight:400}.detail-more,.detail-sources-toggle{margin-top:var(--space-2)}.data-meta{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-left:2px solid var(--border-control);background:var(--surface-hover);border-radius:0 var(--radius-label) var(--radius-label) 0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary)}.data-meta p{margin:0}.detail-sources{margin-top:var(--space-1);font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary)}.detail-sources ul{margin:0;padding-left:18px}.time-bar{right:var(--edge);bottom:var(--edge);width:var(--time-w);height:var(--time-h);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);background:var(--surface);border:var(--border-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.app-root.detail-open .time-bar{right:calc(var(--sidebar-w) + var(--space-5))}.time-bar.is-open{border-color:var(--border-control)}.time-bar__play{border-color:transparent;background:transparent}.time-bar__play:hover{background:var(--surface-hover)}.time-bar__readout{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.time-bar__date{font-size:var(--fs-time);line-height:var(--lh-time);font-weight:500;color:var(--text-primary);white-space:nowrap}.time-bar__state{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary);white-space:nowrap}.time-bar__expand{border-color:transparent;background:transparent}.time-bar__expand:hover{background:var(--surface-hover)}.time-bar.is-open .time-bar__expand{color:var(--accent)}.time-panel{right:var(--edge);bottom:calc(var(--edge) + var(--time-h) + var(--space-2));width:var(--time-w);max-height:var(--time-panel-max-h)}.app-root.detail-open .time-panel{right:calc(var(--sidebar-w) + var(--space-5))}.text-input{width:100%;min-height:var(--tap);padding:0 var(--space-3);background:var(--space);color:var(--text-primary);border:var(--border-control);border-radius:var(--radius-control);font-size:var(--fs-control);line-height:var(--lh-control);font-variant-numeric:tabular-nums;color-scheme:dark}.text-input.is-error{border-color:var(--error)}.time-jump-row{display:flex;gap:var(--space-2);align-items:center}.time-jump-row .text-input{flex:1 1 auto;min-width:0}.time-jump{flex:0 0 auto;padding:0 var(--space-3);white-space:nowrap}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.source-label{display:inline-flex;align-items:center;gap:6px;height:var(--label-height);padding:0 var(--space-2);background:var(--surface);border-radius:var(--radius-label);font-size:var(--fs-meta);line-height:var(--lh-meta);font-weight:500;white-space:nowrap}.source-label__text{color:currentColor}.source-observed{color:var(--observed)}.source-model{color:var(--model)}.source-artistic{color:var(--artistic)}.source-label-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);min-width:var(--tap);padding:0;background:transparent;border:none;border-radius:var(--radius-control);cursor:pointer}.source-label-btn--field{min-width:0}.source-label-btn:hover .source-label{background:var(--surface-hover)}.source-label-btn.is-open .source-label{background:var(--surface-hover);box-shadow:inset 0 0 0 1px currentColor}.source-label-static{display:inline-flex}.transition-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-veil);display:flex;align-items:center;justify-content:center;background:var(--veil);opacity:0;pointer-events:auto;transition:opacity var(--dur-veil-in) ease-out}.transition-veil.is-opaque{opacity:1}.transition-veil.is-fading-out{pointer-events:none}.transition-card{width:288px;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;animation:veil-content var(--dur-veil-in) var(--ease-out)}@keyframes veil-content{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.transition-title{margin:0;font-size:18px;line-height:26px;font-weight:600;color:var(--text-primary)}.transition-detail{margin:0;font-size:13px;line-height:20px;color:var(--text-secondary)}.transition-slow{margin:0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-muted)}.transition-cancel{width:112px;height:var(--tap);margin-top:var(--space-2)}.dev-drawer{position:absolute;right:0;top:0;width:400px;height:100dvh;z-index:var(--z-dev);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border-control);color:var(--text-primary);animation:drawer-in var(--dur-open) var(--ease-out)}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.dev-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);min-height:64px;border-bottom:1px solid var(--border-subtle)}.dev-drawer__title{margin:0;font-size:var(--fs-panel-title);line-height:var(--lh-panel-title);font-weight:600}.dev-drawer__sub{margin:0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-muted)}.dev-tabs{display:flex;gap:var(--space-1);padding:0 var(--space-3);border-bottom:1px solid var(--border-subtle)}.dev-tab{height:var(--tap);padding:0 var(--space-3);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--fs-control);font-weight:500;cursor:pointer}.dev-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.dev-drawer__body{flex:1 1 auto;overflow-y:auto;padding:var(--space-4)}.dev-drawer__foot{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-muted)}.dev-section__title{font-size:var(--fs-panel-title);line-height:var(--lh-panel-title);font-weight:600;margin-bottom:var(--space-2)}.dev-kv{margin:0 0 var(--space-3);font-size:var(--fs-meta);line-height:var(--lh-meta)}.dev-kv>div{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--border-subtle)}.dev-kv dt{color:var(--text-secondary)}.dev-kv dd{margin:0;color:var(--text-primary);font-family:var(--font-mono);font-size:12px}.dev-list,.dev-log{margin:0;padding-left:18px;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-secondary)}.dev-list li.ok{color:var(--observed)}.dev-list li.pending{color:var(--text-muted)}.dev-note{margin:var(--space-2) 0 0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-muted)}.dev-run{width:100%}.dev-log{margin-top:var(--space-2);font-family:var(--font-mono);font-size:12px}@media (max-width: 1023px),(max-height: 599px){:root{--edge: 12px;--sidebar-w: 0px;--note-w: 100%;--time-w: 100%}.app-root.detail-open .canvas-host{right:0}.app-root.detail-open .time-bar,.app-root.detail-open .time-panel{right:var(--edge)}.brand-bar{left:var(--edge);top:12px;right:var(--edge);width:auto;height:48px}.brand-mode{display:none;font-size:11px;line-height:16px;color:var(--accent);border:1px solid var(--border-subtle);border-radius:var(--radius-label);padding:0 6px;margin-left:var(--space-1)}.brand-title{font-size:16px;line-height:22px}.mode-dock{display:none}.brand-mode,.nav-mode{display:inline-flex}.nav-mode{display:block}.science-note{left:var(--edge);right:var(--edge);width:auto;bottom:calc(var(--space-2) + 56px + 48px);height:auto;min-height:48px}.science-note__line{white-space:normal}.time-bar{left:var(--edge);right:var(--edge);width:auto;bottom:var(--space-2)}.nav-panel,.display-panel,.source-panel,.time-panel,.detail-panel{left:var(--edge);right:var(--edge);top:auto;bottom:calc(var(--space-2) + 56px + 48px + 8px);width:auto;max-height:min(320px,45dvh)}.detail-panel{bottom:calc(var(--space-2) + 56px + 8px)}.app-root.drawer-open .canvas-host{bottom:max(160px,min(calc(45dvh + var(--space-2) + 56px + 48px + 8px),calc(100% - 160px)))}}@media (max-width: 375px){:root{--edge: 12px}.brand-bar{top:12px}}@media (prefers-reduced-motion: reduce){:root{--dur-open: 80ms;--dur-close: 80ms;--dur-veil-in: 80ms;--dur-veil-out: 80ms;--dur-veil-min: 0ms}.temp-panel,.detail-panel,.transition-veil,.transition-card,.dev-drawer{animation:none}.temp-panel,.detail-panel{transition:none}.transition-veil{transition:opacity var(--dur-veil-in) linear}.transition-card{transform:none}}