/* สร้างโดย teachkit/figures/p4-orrery/build.mjs — แก้ที่นั่นแล้ว build ใหม่ ห้ามแก้ไฟล์นี้ตรง ๆ */
.tk-iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;

  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
--anatomy-paper:var(--bg-c);--anatomy-card:var(--bg-c);--anatomy-face:#fff;--anatomy-top:#fff}
[data-theme="dark"] .tk-iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;
--anatomy-paper:var(--bg-c);--anatomy-card:var(--bg-c);--anatomy-face:#243247;--anatomy-top:#27364c;--anatomy-shade-0:#172131;--anatomy-shade-1:#1a2537;--anatomy-shade-2:#1e2a3d;--anatomy-shade-3:#223044;--anatomy-lit-top:#2e3e58;--anatomy-lit-shade:#26344c;--anatomy-hi:#d7dee8;--anatomy-mid:#7b8ba4;--anatomy-lo:#4b5c76;--anatomy-faint:#35455d;--anatomy-halo:#0a1020;--anatomy-dot:#dbe3ee}



.iso-svg{display:block;width:100%;height:auto;overflow:visible}
.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}
.iso-fill{fill:var(--anatomy-paper);stroke:none}
.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
.iso-shade,.iso-top{stroke:none}
.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
.iso-top{fill:var(--anatomy-top)}
.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}
.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
.iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
.iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
.iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
.iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
.iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}
.iso-line[data-tone="red"]{stroke:var(--anatomy-red)}
.iso-line[data-tone="green"]{stroke:var(--anatomy-green)}
.iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}
.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
.iso-line[data-dashed]{stroke-dasharray:3 3}
.iso-line[data-flow]{stroke-dasharray:2 6}
.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
.iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
.iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
.iso-dots[data-tone="hi"] circle{opacity:.85}
.iso-dots[data-tone="mid"] circle{opacity:.45}
.iso-dots[data-tone="lo"] circle{opacity:.22}
.iso-dots[data-tone="faint"] circle{opacity:.12}
.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
.iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
.iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
.tb-body{fill:var(--anatomy-shade-2);stroke:none}
.tb-shine{fill:var(--anatomy-top);stroke:none}
.tb-shade{fill:var(--anatomy-shade-0);stroke:none}
.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
.tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
.tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
.tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@keyframes iso-pulse{0%,100%{opacity:.18}12%{opacity:1}40%{opacity:.18}}
.iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}
.iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}
.iso-figure{margin:32px 0 36px}
.iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}
.iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}
.iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}
.iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}
.iso-plate .iso-svg{margin:0 auto}
.iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}
.iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.iso-key{display:inline-flex;align-items:center;gap:7px}
.iso-swatch{width:16px;height:10px;flex:none;overflow:visible}
.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.iso-swatch[data-mark="raised"] path,.iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}
.iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}
.iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}
.iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}
.iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}
.iso-swatch[data-mark="red"] path{stroke:var(--anatomy-red)}
.iso-swatch[data-mark="green"] path{stroke:var(--anatomy-green)}
.iso-swatch[data-mark="blue"] path{stroke:var(--anatomy-blue)}
.iso-swatch-crease{stroke:var(--anatomy-lo)!important}
@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner="hint"]{bottom:18px}}
@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}


.og-stage>svg,.og-stage>canvas{display:block;width:100%;height:auto}
.og-stage>canvas{position:absolute;inset:0;height:100%!important;pointer-events:none}
.og-ocean{fill:var(--og-ocean);stroke:none}
.og-land{fill:var(--og-land);stroke:none}
.og-ice{fill:var(--og-ice);stroke:none}
.og-coast{stroke:var(--og-coast)!important;stroke-width:.35!important}
.og-grid,.og-tropic{stroke:var(--og-grid)!important;stroke-width:.3!important}
.og-tropic{stroke-dasharray:1.2 1.4}
.og-equator{stroke:var(--og-grid)!important;stroke-width:.5!important}
.og-globe-edge{fill:none;stroke:var(--og-edge);stroke-width:var(--anatomy-weight)}
.og-pin{fill:var(--og-pin);stroke:none}
.og-pin-ring{fill:#fff;stroke:none}
.og-night{fill:var(--og-night);stroke:none}
.og-maria{fill:var(--og-maria);stroke:none}
.og-moon-face{fill:var(--og-moon-face);stroke:none}
.og-moon-edge{fill:none;stroke:var(--og-moon-edge);stroke-width:var(--anatomy-weight)}
.og-tycho{fill:#f4f1ea;stroke:none;opacity:.8}
.og-sky{fill:var(--og-sky);stroke:none}
.og-stars circle{fill:#fff!important;opacity:.75!important}
.og-inset-shadow{fill:#000;opacity:.12;stroke:none}
.og-inset-bezel{fill:var(--og-bezel);stroke:var(--anatomy-mid);stroke-width:var(--anatomy-weight)}
.og-inset-bezel-in{fill:var(--og-bezel-in);stroke:none}
.og-inset-rim{fill:none;stroke:var(--anatomy-hi);stroke-width:var(--anatomy-weight)}
.og-inset-tab{fill:var(--og-tab);stroke:var(--anatomy-mid);stroke-width:var(--anatomy-weight)}
.og-inset-label{fill:var(--og-tab-text);font:600 7px "IBM Plex Sans Thai","Noto Sans Thai","Sarabun",Tahoma,sans-serif}
.og-bezel{fill:var(--anatomy-shade-1);stroke:none}
.og-counter-win{fill:var(--og-win);stroke:none}
.og-digit{fill:var(--og-digit);font:600 10px var(--anatomy-mono)}
.og-stage[data-gl] .og-fb{display:none}
[data-theme="dark"] .tk-iso{--og-ocean:#2f5f8f;--og-land:#5f8f43;--og-ice:#cfd8e0;--og-coast:#9fcf7f;--og-grid:rgba(200,225,255,.22);--og-night:rgba(2,6,16,.72);--og-maria:#8a857c;--og-moon-face:#cfcac0;--og-sky:#060b16;--og-bezel:#8f7330;--og-bezel-in:#4a3a12;--og-tab:#6b5a26;--og-tab-text:#f3dc94;--og-pool:#ffcf5a;--og-halo:#ffd86e;--og-pin:#ff5a4a;--og-digit:#f4efe2;--og-win:#0b0a08;--og-edge:#d4d4d4;--og-moon-edge:#fff}.tk-iso{--og-ocean:#5f98c9;--og-land:#8fbf6a;--og-ice:#f1f5f8;--og-coast:#3f6f2a;--og-grid:rgba(255,255,255,.55);--og-night:rgba(14,24,52,.62);--og-maria:#9a958c;--og-moon-face:#dcd8d0;--og-sky:#12203a;--og-bezel:#c9a24f;--og-bezel-in:#8a6a1c;--og-tab:#e7cf8a;--og-tab-text:#5a420c;--og-pool:#f7c548;--og-halo:#ffd76a;--og-pin:#d92d20;--og-digit:#f4efe2;--og-win:#1d1a14;--og-edge:#26262a;--og-moon-edge:#000}[data-theme="dark"] .tk-iso .og-wood{--anatomy-paper:#33261a;--anatomy-face:#3d2e1f;--anatomy-top:#3d2e1f;--anatomy-shade-0:#24190f;--anatomy-shade-1:#2a1e13;--anatomy-shade-2:#302317;--anatomy-shade-3:#37291b;--anatomy-hi:#e0c39c;--anatomy-mid:#9a7a56;--anatomy-lo:#6b543a;--anatomy-faint:#4a3a28}.tk-iso .og-wood{--anatomy-paper:#e9d6bb;--anatomy-face:#efdfc8;--anatomy-top:#efdfc8;--anatomy-shade-0:#b88f62;--anatomy-shade-1:#c69f74;--anatomy-shade-2:#d3b189;--anatomy-shade-3:#dfc3a0;--anatomy-hi:#5a3b1c;--anatomy-mid:#8e6a44;--anatomy-lo:#b8966f;--anatomy-faint:#d2b997}[data-theme="dark"] .tk-iso .og-wood-grip{--anatomy-paper:#4a3320;--anatomy-face:#573d27;--anatomy-top:#573d27;--anatomy-shade-0:#33220f;--anatomy-shade-1:#3b2814;--anatomy-shade-2:#432e18;--anatomy-shade-3:#4c351d;--anatomy-hi:#f0cfa4;--anatomy-mid:#ad8a62;--anatomy-lo:#7a5f42;--anatomy-faint:#57432e}.tk-iso .og-wood-grip{--anatomy-paper:#d9b48a;--anatomy-face:#e4c39d;--anatomy-top:#e4c39d;--anatomy-shade-0:#9c6a3a;--anatomy-shade-1:#ab7a48;--anatomy-shade-2:#ba8b59;--anatomy-shade-3:#c99d6c;--anatomy-hi:#4a2c10;--anatomy-mid:#7d5730;--anatomy-lo:#a8825a;--anatomy-faint:#c9a882}[data-theme="dark"] .tk-iso .og-brass{--anatomy-paper:#4a3d16;--anatomy-face:#5a4a1c;--anatomy-top:#5d4c1d;--anatomy-shade-0:#33290d;--anatomy-shade-1:#3c3111;--anatomy-shade-2:#463914;--anatomy-shade-3:#504118;--anatomy-hi:#f3d27a;--anatomy-mid:#b39443;--anatomy-lo:#86702f;--anatomy-faint:#5d4e21}.tk-iso .og-brass{--anatomy-paper:#f5e3a8;--anatomy-face:#faedc4;--anatomy-top:#faedc4;--anatomy-shade-0:#c99a3c;--anatomy-shade-1:#d6ad52;--anatomy-shade-2:#e2c06d;--anatomy-shade-3:#ecd28d;--anatomy-hi:#6e4f0c;--anatomy-mid:#a5832f;--anatomy-lo:#c6a24f;--anatomy-faint:#e2c97e}[data-theme="dark"] .tk-iso .og-steel{--anatomy-paper:#2a3038;--anatomy-face:#323943;--anatomy-top:#353d47;--anatomy-shade-0:#1c2127;--anatomy-shade-1:#21262d;--anatomy-shade-2:#262c34;--anatomy-shade-3:#2c333c;--anatomy-hi:#d4dbe3;--anatomy-mid:#8a949f;--anatomy-lo:#5b6570;--anatomy-faint:#3d4550}.tk-iso .og-steel{--anatomy-paper:#e6e9ed;--anatomy-face:#f1f3f5;--anatomy-top:#f3f5f7;--anatomy-shade-0:#9aa3ad;--anatomy-shade-1:#aeb6bf;--anatomy-shade-2:#c1c8cf;--anatomy-shade-3:#d4d9de;--anatomy-hi:#2f3742;--anatomy-mid:#6b7581;--anatomy-lo:#9aa3ad;--anatomy-faint:#c7cdd3}[data-theme="dark"] .tk-iso .og-bakelite{--anatomy-paper:#2b2724;--anatomy-face:#34302c;--anatomy-top:#38332f;--anatomy-shade-0:#1c1a18;--anatomy-shade-1:#211f1c;--anatomy-shade-2:#272421;--anatomy-shade-3:#2d2926;--anatomy-hi:#d8d0c4;--anatomy-mid:#8a8277;--anatomy-lo:#5c564e;--anatomy-faint:#403b36}.tk-iso .og-bakelite{--anatomy-paper:#d8d2c8;--anatomy-face:#e4dfd6;--anatomy-top:#e8e3da;--anatomy-shade-0:#8f877b;--anatomy-shade-1:#a29a8e;--anatomy-shade-2:#b5ada1;--anatomy-shade-3:#c7c0b5;--anatomy-hi:#2b2722;--anatomy-mid:#6b645a;--anatomy-lo:#9a9286;--anatomy-faint:#c2bbb0}[data-theme="dark"] .tk-iso .og-rubber{--anatomy-paper:#262626;--anatomy-face:#2e2e2e;--anatomy-top:#2e2e2e;--anatomy-shade-0:#171717;--anatomy-shade-1:#1b1b1b;--anatomy-shade-2:#202020;--anatomy-shade-3:#252525;--anatomy-hi:#cfcfcf;--anatomy-mid:#7d7d7d;--anatomy-lo:#525252;--anatomy-faint:#383838}.tk-iso .og-rubber{--anatomy-paper:#d6d6d6;--anatomy-face:#e0e0e0;--anatomy-top:#e0e0e0;--anatomy-shade-0:#7a7a7a;--anatomy-shade-1:#8c8c8c;--anatomy-shade-2:#a0a0a0;--anatomy-shade-3:#b4b4b4;--anatomy-hi:#2a2a2a;--anatomy-mid:#616161;--anatomy-lo:#8f8f8f;--anatomy-faint:#bcbcbc}[data-theme="dark"] .tk-iso .og-bulb{--anatomy-paper:#f3dc94;--anatomy-face:#fbe9b0;--anatomy-top:#fbe9b0;--anatomy-shade-0:#d9b45c;--anatomy-shade-1:#e3c477;--anatomy-shade-2:#ecd494;--anatomy-shade-3:#f5e3b0;--anatomy-hi:#fff6d0;--anatomy-mid:#e8cf86;--anatomy-lo:#b89a4a;--anatomy-faint:#8a7234}.tk-iso .og-bulb{--anatomy-paper:#fff7dc;--anatomy-face:#fffaea;--anatomy-top:#fffaea;--anatomy-shade-0:#f2dc94;--anatomy-shade-1:#f6e4a8;--anatomy-shade-2:#f9ecbf;--anatomy-shade-3:#fcf4d8;--anatomy-hi:#8a6a12;--anatomy-mid:#c4a24a;--anatomy-lo:#e2c97e;--anatomy-faint:#f2e3b0}[data-theme="dark"] .tk-iso .og-moon{--anatomy-paper:#c9c4bb;--anatomy-face:#d3cfc7;--anatomy-top:#d3cfc7;--anatomy-shade-0:#8e897f;--anatomy-shade-1:#9f9a91;--anatomy-shade-2:#b0aba3;--anatomy-shade-3:#c1bcb5;--anatomy-hi:#ffffff;--anatomy-mid:#7a756c;--anatomy-lo:#5a564f;--anatomy-faint:#3d3a35}.tk-iso .og-moon{--anatomy-paper:#e7e3dc;--anatomy-face:#eeebe5;--anatomy-top:#eeebe5;--anatomy-shade-0:#a9a39a;--anatomy-shade-1:#bab5ad;--anatomy-shade-2:#cbc7c0;--anatomy-shade-3:#dcd9d3;--anatomy-hi:#2b2925;--anatomy-mid:#76716a;--anatomy-lo:#a19c94;--anatomy-faint:#cfcbc4}

.og-stage{position:relative;touch-action:none;cursor:grab;outline:none;background:var(--bg-c);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.og-stage:active{cursor:grabbing}
.og-stage:focus-visible{outline:3px solid var(--c-500);outline-offset:-3px}
.og-stage>svg{transition:opacity .3s ease}
.og-stage:not([data-ready])>svg{opacity:0}
.tk-lab-card:fullscreen .og-stage{width:min(100%,calc((100vh - 230px) * 1.4286));margin:0 auto;flex:none}
.tk-lab-card:-webkit-full-screen .og-stage{width:min(100%,calc((100vh - 230px) * 1.4286));margin:0 auto;flex:none}
.og-jump{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--t2)}
.og-jump .tk-seg button{padding-left:.6rem;padding-right:.6rem;white-space:nowrap}
.og-vars{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem .7rem;margin:.15rem 0 0;font-size:.86rem;color:var(--t2)}
.og-vars dt{font-weight:600;color:var(--t1);white-space:nowrap}
.og-vars dd{margin:0}
.og-legend{display:grid;gap:.35rem;font-size:.86rem;color:var(--t2)}
.og-legend span{display:flex;align-items:center;gap:.55rem}
.og-sw{flex:none;width:14px;height:14px;border-radius:50%}
.og-sw-sun{background:radial-gradient(circle at 40% 40%,#fffbe6,#f5b928 75%)}
.og-sw-earth{background:linear-gradient(90deg,#5f98c9 0 50%,#1b2a4a 50%)}
.og-sw-moon{background:linear-gradient(90deg,#e7e3dc 0 50%,#2b2f3a 50%);box-shadow:inset 0 0 0 1px #8a857c}
.og-sw-pin{background:#d92d20;box-shadow:0 0 0 2px #fff,0 0 0 3px #cbd5e1;width:10px;height:10px;margin:0 2px}
.og-sw-gear{border-radius:3px;background:repeating-conic-gradient(#c99a3c 0 15deg,#ecd28d 15deg 30deg)}
.og-tbl-wrap{max-height:430px;overflow:auto}
.og-tbl-wrap thead th{position:sticky;top:0;z-index:1;background:var(--c-700)}
[data-theme="dark"] .og-tbl-wrap thead th{background:#3d4a5c}
.og-shape{white-space:nowrap}
.og-shape svg{vertical-align:middle;margin-right:.45rem}
.og-icon-dark{fill:#2b2f3a}
.og-icon-lit{fill:#f2eee2}
.og-icon-edge{fill:none;stroke:#8a857c;stroke-width:1}
[data-theme="dark"] .og-icon-dark{fill:#0b1020}
[data-theme="dark"] .og-icon-edge{stroke:#cfcac0}
.og-chart{min-width:0}
.og-chart-key{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.4rem 0 0;font-size:.84rem;color:var(--t3)}
.og-chart-key span{display:inline-flex;align-items:center;gap:.45rem}
.og-key-line{width:24px;height:0;border-top:2.5px dashed var(--c-500)}
.og-key-dot{width:10px;height:10px;border-radius:50%;background:var(--c-600)}
.og-key-ring{width:11px;height:11px;border-radius:50%;border:2px solid #f59e0b}
.lb-chart .guide{stroke:var(--t3);stroke-width:1;stroke-dasharray:2 4;opacity:.7;fill:none}
.lb-chart .guide-t{fill:var(--t2);font:600 11.5px var(--f-b)}
.lb-chart .og-now{fill:none;stroke:#f59e0b;stroke-width:2.4}