/* Pattern Universe composition: one scene, compact chrome, one scroll owner. */
.sky-experience { --sky-line:rgba(127,180,197,.17); --sky-muted:#91a5b3; --sky-surface:rgba(6,14,24,.91); --sky-mint:#30dfce; --font-sans:Inter,system-ui,sans-serif; --font-mono:ui-monospace,monospace; background:#02060c; }
.sky-experience button,.sky-experience select,.sky-experience input { font-family:var(--font-sans); }
.sky-experience button:focus-visible,.sky-experience a:focus-visible,.sky-experience select:focus-visible { outline:2px solid var(--sky-mint); outline-offset:3px; }
.sky-experience .site-header { display:flex; flex-direction:row; align-items:center; gap:20px; min-height:72px; max-height:none; padding:12px 20px; background:rgba(2,7,13,.94); border-bottom:1px solid var(--sky-line); backdrop-filter:blur(12px); }
.sky-experience .title-left { display:flex; flex:0 0 auto; flex-direction:column; gap:3px; min-width:174px; }
.sky-brand { display:flex; align-items:center; gap:9px; color:#e6f3f4; font-size:13px; font-weight:700; letter-spacing:.04em; text-decoration:none; }
.sky-brand-mark { display:grid; place-items:center; width:27px; height:27px; color:var(--sky-mint); border:1px solid #185359; border-radius:8px; font-size:24px; }
.sky-experience .title-main { margin:0 0 0 36px; font-size:10px; font-weight:500; color:var(--sky-mint); letter-spacing:.09em; white-space:nowrap; }
.sky-experience .header-tools { flex:1; min-width:0; display:flex; flex-wrap:nowrap; align-items:center; gap:8px; }
.sky-experience .search-wrap { flex:1 1 300px; min-width:130px; width:auto; max-width:500px; padding:0; border:0; border-radius:8px; background:none; box-shadow:none; }
.sky-experience .search-ic { position:absolute; left:13px; pointer-events:none; }
.sky-experience #search-clear { position:absolute; right:5px; width:34px; height:34px; }
.sky-experience #pattern-search { width:100%; height:44px; padding-left:36px; border:1px solid var(--sky-line); border-radius:8px; background:#060d17; color:#e8f5f4; font-size:12px; box-shadow:none; }
.sky-experience .header-tools .btn-pill,.sky-experience .header-link { height:42px; min-width:44px; padding:8px 11px; border:1px solid var(--sky-line); border-radius:8px; background:#060d17; color:#c8d7dc; font-size:10px; letter-spacing:.04em; box-shadow:none; white-space:nowrap; }
.sky-experience .header-tools .icon { font-size:14px; }
.sky-experience .header-link { display:none; }
.sky-experience .family-focus-control { display:none; }
.sky-experience .sky-voice-control { flex:0 0 auto; position:relative; display:block; }
.sky-experience .sky-voice-status { position:absolute; right:0; top:100%; width:240px; padding:7px; background:#081522; border:1px solid var(--sky-line); border-radius:5px; opacity:0; pointer-events:none; }
.sky-experience .sky-voice-control:focus-within .sky-voice-status { opacity:1; }
.sky-experience .sky-voice-help { position:absolute; right:0; top:calc(100% + 35px); width:240px; background:#081522; opacity:0; pointer-events:none; }
.sky-experience .sky-voice-control:focus-within .sky-voice-help { opacity:1; pointer-events:auto; }
.sky-family-rail,.sky-selected-card { position:fixed; top:92px; pointer-events:auto; padding:15px; border:1px solid var(--sky-line); border-radius:12px; background:var(--sky-surface); box-shadow:0 20px 40px #0003; }
.sky-family-rail { left:18px; width:196px; max-height:calc(100dvh - 265px); display:flex; flex-direction:column; }
.sky-rail-heading { padding-bottom:12px; color:var(--sky-muted); font-size:10px; text-transform:uppercase; letter-spacing:.09em; }
#sky-family-list { min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#274250 transparent; }
.sky-family-item { display:flex; align-items:center; gap:9px; width:100%; min-height:44px; padding:10px 2px; text-align:left; border:0; border-bottom:1px solid var(--sky-line); background:transparent; color:#acbdc7; font-size:11px; cursor:pointer; }
.sky-family-item i { flex:0 0 5px; width:5px; height:5px; border-radius:50%; background:var(--sky-mint); box-shadow:0 0 9px currentColor; }
.sky-family-item[data-direction="bear"] i { background:#f77d92; }
.sky-family-item[data-direction="neutral"] i { background:#e9bc69; }
.sky-family-item span { flex:1; line-height:1.4; }
.sky-family-item b { font:500 10px var(--font-mono); color:#8ca3b1; }
.sky-family-item[aria-pressed="true"] { color:var(--sky-mint); background:linear-gradient(90deg,#1cdfc80b,transparent); }
.sky-catalog-count { padding-top:13px; color:#8ba0ae; font:10px/1.5 var(--font-mono); }
.sky-selected-card { right:18px; width:242px; }
.sky-selected-card h2 { margin:8px 0 5px; color:#e6f3f4; font:600 16px/1.4 var(--font-sans); }
#sky-selected-family { margin:0; color:var(--sky-muted); font-size:11px; }
#sky-selected-preview { height:144px; margin:5px 0; color:#42e1d3; }
#sky-selected-preview svg { display:block; width:100%; height:100%; overflow:visible; }
.sky-preview-line { stroke:currentColor; stroke-width:1.6; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; }
.sky-selected-card[data-direction="bear"] #sky-selected-preview { color:#fc8495; }
.sky-selected-card[data-direction="neutral"] #sky-selected-preview { color:#edbf74; }
.sky-selected-card dl { display:flex; justify-content:space-between; border-top:1px solid var(--sky-line); padding-top:12px; font-size:11px; }
.sky-selected-card dt { color:var(--sky-muted); }.sky-selected-card dd { margin:0; }
#sky-selected-description { color:#92a8b5; font-size:11px; line-height:1.65; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#sky-selected-open { width:100%; min-height:44px; display:flex; justify-content:space-between; align-items:center; padding:10px 12px; background:#0e202b; border:1px solid #28515a; border-radius:7px; color:#d0f3ee; font-size:11px; cursor:pointer; }
.sky-experience .legend { left:24px; bottom:86px; width:194px; padding:0; background:none; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; }
.sky-experience .legend-row { gap:7px; font-size:9px; margin-bottom:5px; }.sky-experience .legend small { display:none; }
.sky-experience #bottom-controls { position:fixed; display:flex; align-items:center; justify-content:space-between; gap:10px; left:18px; right:18px; bottom:max(15px,env(safe-area-inset-bottom)); width:auto; transform:none; padding:0; margin:0; }
.sky-experience #bottom-controls button,.sky-experience #bottom-controls select { min-width:44px; min-height:44px; padding:8px 13px; background:#07111c; border:1px solid var(--sky-line); border-radius:8px; color:#aebec9; font-size:11px; box-shadow:none; }
.sky-experience #bottom-controls #sky-reset { color:#efb760; }
.sky-experience #bottom-controls #btn-rotate.active { color:var(--sky-mint); border-color:#225751; }
.sky-zoom-controls { margin-left:auto; display:flex; align-items:center; gap:9px; font-size:10px; color:#8ba4b2; }
.sky-quality-label { display:flex; align-items:center; gap:8px; color:#8ba4b2; font-size:10px; }
.sky-experience .sky-node-label { padding:4px 7px; min-height:22px; border-color:#48898c44; border-radius:4px; background:#06111cbb; box-shadow:none; font:500 10px/1.3 var(--font-sans); letter-spacing:0; }
.sky-experience .sky-node-label.is-selected { color:#74fbe3; border-width:1px; border-color:#3bdcc3; box-shadow:0 0 18px #1fedca20; }
body.sky-experience .sr-pwa-install[data-sr-pwa-install] { top:auto!important; right:18px!important; bottom:76px!important; width:242px!important; max-width:242px!important; padding:10px!important; grid-template-columns:1fr!important; background:#081621!important; border-color:#274b53!important; box-shadow:none!important; }
body.sky-experience .sr-pwa-install[data-sr-pwa-install] .sr-pwa-install__icon-wrap,body.sky-experience .sr-pwa-install[data-sr-pwa-install] .sr-pwa-install__head,body.sky-experience .sr-pwa-install[data-sr-pwa-install] .sr-pwa-install__text { display:none!important; }
body.sky-experience .sr-pwa-install[data-sr-pwa-install] .sr-pwa-install__title { font-size:12px!important; }
body.sky-experience .sr-pwa-install[data-sr-pwa-install] .sr-pwa-install__body { grid-column:1!important; grid-row:1!important; padding-right:20px!important; }
body.sky-experience .sr-pwa-install[data-sr-pwa-install] .sr-pwa-install__controls { position:static!important; grid-column:1!important; grid-row:2!important; width:100%!important; display:flex!important; gap:6px!important; margin:0!important; }
body.sky-experience .sr-pwa-install[data-sr-pwa-install] .sr-pwa-install__action,body.sky-experience .sr-pwa-install[data-sr-pwa-install] .sr-pwa-install__later { flex:1!important; min-width:0!important; padding:8px!important; font-size:11px!important; }
body.sky-experience .sr-pwa-install[data-sr-pwa-install] .sr-pwa-install__close { top:3px!important; right:3px!important; }
body.sky-experience.modal-open .sr-pwa-install[data-sr-pwa-install] { display:none!important; }
@media(max-width:980px) { body.sky-experience .sr-pwa-install[data-sr-pwa-install] { display:none!important; } }

/* Lab layout: visual stage receives the available height, controls never cover it. */
.sky-experience #modal-overlay { padding:12px; overflow:hidden; align-items:center; background:#01050adc; backdrop-filter:blur(8px); }
.sky-experience #modal-card { width:min(1540px,100%); height:calc(100dvh - 24px); max-height:960px; min-height:0; border:1px solid var(--sky-line); border-radius:12px; background:#050d16; box-shadow:0 32px 100px #0008; }
.sky-experience #modal-inner { display:grid; grid-template-columns:minmax(230px,27%) minmax(0,1fr); gap:0; padding:0; height:100%; overflow:hidden; }
.sky-experience .modal-left { grid-column:1; grid-row:1; padding:25px 20px; border-radius:0; border:0; border-right:1px solid var(--sky-line); background:#060e18; box-shadow:none; overflow-y:auto; scrollbar-width:thin; }
.sky-experience .modal-right { grid-column:2; grid-row:1; display:flex; flex-direction:column; min-height:0; padding:0; border:0; border-radius:0; background:radial-gradient(ellipse at 50% 40%,#061d2a,#030912 72%); overflow:hidden; box-shadow:none; }
.sky-experience .pattern-title { margin:15px 0 6px; font:600 23px/1.25 var(--font-sans); color:#e5f1f3; text-shadow:none; }
.sky-experience .pattern-sub { font-size:11px; color:#8199a8; }
.sky-experience .badge { background:transparent; border:1px solid var(--sky-line); color:#9eb4bf; padding:5px 8px; font-size:9px; box-shadow:none; border-radius:5px; }
.sky-experience .modal-actions { position:static; margin:10px 0; display:flex; gap:6px; }
.sky-experience .mini-btn { background:#0a1822; border:1px solid var(--sky-line); border-radius:6px; color:#abc2ce; width:36px; min-width:36px; height:36px; min-height:36px; }
.sky-experience .meta-row { margin:12px 0; gap:8px; }.sky-experience .meta-pill { border:0; background:transparent; padding:0; box-shadow:none; }.sky-experience .meta-pill:nth-child(2) { display:none; }
.sky-experience .meta-label { font-size:9px; color:#718997; }.sky-experience .meta-value { font-size:11px; color:#b3cbd6; }
.sky-experience .modal-left p,.sky-experience .modal-left li { font-size:12px; line-height:1.65; color:#9bb0be; }
.sky-experience .modal-left ul { padding-left:17px; margin:8px 0 16px; }
.sky-experience .section-title,.sky-lesson h3 { margin:20px 0 7px; font:600 10px/1.4 var(--font-sans); letter-spacing:.07em; text-transform:uppercase; color:#e8b968; }
.sky-lesson h3.is-bull { color:#3bdac5; }.sky-lesson h3.is-bear { color:#f37f91; }
.sky-lesson details { border-top:1px solid var(--sky-line); }.sky-lesson summary { display:flex; align-items:center; min-height:44px; color:#bdd0da; font-size:11px; cursor:pointer; }
.sky-experience .sky-lab-disclosure { border-top:1px solid var(--sky-line); }.sky-experience .sky-lab-disclosure summary { color:#8ea5b5; margin:0; font-size:10px; }
.sky-experience #wiki-block { display:none; }
#sky-check-answers { display:grid; gap:7px; }#sky-check-answers button { padding:10px; min-height:44px; text-align:left; color:#b6cbd7; border:1px solid #27404d; border-radius:6px; background:#0a1823; font-size:11px; line-height:1.5; cursor:pointer; }
#sky-check-answers button[data-result="correct"] { border-color:#35d7b9; color:#72e9cf; }#sky-check-answers button[data-result="incorrect"] { border-color:#e57d91; color:#efa2af; }
#sky-lesson-sources { display:grid; gap:10px; margin:0 0 15px; }#sky-lesson-sources a { color:#46cabd; font-size:11px; }
.sky-experience .sky-lab-toolbar { position:relative; flex:0 0 auto; min-height:61px; padding:10px 62px 10px 20px; border-bottom:1px solid var(--sky-line); background:#060f19; }
.sky-experience .sky-lab-eyebrow { color:#7a959f; font-size:8px; }
.sky-experience #sky-lab-current-title { max-width:none; font-size:17px; font-weight:600; }.sky-experience #sky-lab-status { color:#7696a6; font-size:9px; margin-top:4px; }
.sky-experience #sky-lab-audio,.sky-experience #sky-lab-fullscreen { width:36px; min-width:36px; height:36px; min-height:36px; border:1px solid var(--sky-line); border-radius:6px; background:#0b1721; font-size:17px; }
.sky-experience #modal-close { position:absolute; top:12px; right:12px; z-index:160; width:36px; height:36px; min-width:36px; min-height:36px; border:1px solid var(--sky-line); background:#0a1721; border-radius:6px; }
.sky-experience .modal-mode-toggle { position:relative; inset:auto; align-self:center; flex:0 0 auto; margin:9px 0; padding:2px; border:1px solid var(--sky-line); background:#06111c; border-radius:6px; backdrop-filter:none; }
.sky-experience .modal-mode-toggle button,.sky-experience .modal-mode-toggle button.active { min-height:36px; min-width:88px; font-size:10px; letter-spacing:.05em; border-radius:4px; color:#9bb2c0; background:transparent; border:1px solid transparent; box-shadow:none; transition:none; }
.sky-experience .modal-mode-toggle button[aria-selected="true"] { background:#113139; border-color:#20615e; color:#69eed7; box-shadow:none; }
.sky-experience .modal-mode-toggle button.mode-3d[aria-selected="true"] { background:#302517; border-color:#705326; color:#f4bf64; }
.sky-experience #modal-viewport { flex:1 1 0; width:100%; min-height:180px; height:auto; margin:0; border:0; border-radius:0; background:transparent; overflow:hidden; }
.sky-experience #modal-viewport > svg[role="img"] { min-height:0; height:100%; width:100%; border-radius:0; background:transparent; }
.sky-experience .sky-progressive-candles,.sky-experience .sky-progressive-model3d { min-height:0; height:100%; border-radius:0; background:transparent; }
.sky-experience .sky-progressive-candles { padding:0 16px 8px; grid-template-rows:minmax(0,1fr) auto auto; }
.sky-experience .sky-candle-stage { min-height:120px; border:0; border-radius:0; }.sky-experience .sky-candle-controls { margin-top:3px; }.sky-experience .sky-candle-controls button { min-height:32px; padding:5px 10px; font-size:10px; background:#0b1b26; }
.sky-experience .sky-candle-disclaimer { margin:4px 0; font-size:9px; color:#89a3b2; }
.sky-experience .sky-model3d-controls { top:8px; right:12px; }.sky-experience .sky-model3d-controls button { min-height:34px; font-size:10px; background:#0b1c29; }
.sky-experience .sky-model3d-label { max-width:none; box-sizing:border-box; padding:5px 7px; font-size:10px; background:#071923cc; border-radius:4px; box-shadow:none; }
.sky-experience .sky-schema-line { stroke:#38d9c8; stroke-width:2; }.sky-experience .sky-schema-line.is-bear { stroke:#f88493; }
.sky-experience .sky-schema-fact { font:500 11px var(--font-sans); fill:#bed7df; }.sky-experience .sky-schema-annotation-box { fill:#081923ed; stroke:#376779; }
.sky-experience .sky-lab-timeline { flex:0 0 auto; grid-template-columns:36px 40px 36px minmax(60px,1fr) auto auto; gap:7px; margin:0 18px; padding:10px 0 7px; border:0; border-top:1px solid var(--sky-line); background:transparent; border-radius:0; }
.sky-experience .sky-lab-timeline button,.sky-experience .sky-lab-timeline select { min-width:36px; min-height:36px; height:36px; border:1px solid var(--sky-line); border-radius:5px; background:#0b1924; font-size:11px; }
.sky-experience #sky-lab-play { color:#081215; background:#33ddc2; }.sky-experience #sky-lab-percent { min-width:32px; color:#90b4c2; font-size:10px; }
.sky-experience .sky-lab-timeline input { accent-color:#27d8bd; }
#sky-lesson-steps { display:flex; flex:0 0 auto; margin:0 18px; gap:4px; }#sky-lesson-steps button { flex:1; min-width:0; min-height:44px; display:flex; align-items:center; justify-content:center; gap:5px; padding:5px 3px; background:transparent; border:0; color:#6c8898; font-size:9px; cursor:pointer; }
#sky-lesson-steps b { display:grid; place-items:center; flex:0 0 21px; height:21px; border:1px solid #2a4352; border-radius:50%; font-size:10px; }#sky-lesson-steps [aria-current="step"] { color:#efbc65; }#sky-lesson-steps [aria-current="step"] b { border-color:#e8ad42; box-shadow:0 0 16px #d7911922; }#sky-lesson-steps [data-complete="true"] b { color:#3de8cc; border-color:#217969; }
.sky-lesson-current { flex:0 0 auto; padding:5px 22px 6px; min-height:57px; text-align:center; }.sky-lesson-current strong { color:#d6e7eb; font-size:11px; }.sky-lesson-current p { margin:4px 0 0; font-size:11px; line-height:1.45; color:#8eabb9; }
.sky-experience #sky-lab-synthetic-note { flex:0 0 auto; padding:0 20px 8px; margin:0; text-align:center; font-size:8px; color:#637e8c; }
.sky-experience .sky-lab-secondary { display:flex; flex-direction:column; gap:12px; margin-top:18px; }.sky-experience .sky-lab-secondary>* { padding:10px 0; border:0; border-top:1px solid var(--sky-line); border-radius:0; background:transparent; }
.sky-experience #sky-lab-related button { border-color:var(--sky-line); font-size:10px; }.sky-experience .sky-related-open span { display:none; }.sky-experience .sky-related-compare { font-size:9px; }
.sky-experience .modal-footer { margin:12px 0 0; }.sky-experience #btn-back { width:100%; border:1px solid var(--sky-line); border-radius:6px; color:#d3e6e9; background:#0b1e29; font-size:10px; box-shadow:none; }
.sky-experience #sky-webgl-fallback { z-index:1; border:0; background:transparent; font-size:11px; color:#6a8796; pointer-events:none; }
.sky-experience #sky-pattern-navigator[data-fallback="true"] { top:100px; right:calc(50% - 205px); width:410px; max-width:calc(100vw - 32px); height:calc(100dvh - 210px); background:#05121be8; }

@media(max-width:1100px) {
  .sky-experience .site-header { gap:12px; padding:10px 15px; }.sky-experience .title-left { min-width:158px; }.sky-experience .header-tools { gap:5px; }.sky-experience .header-tools .btn-pill { padding:7px; font-size:9px; }
  .sky-family-rail { width:168px; left:12px; padding:11px; }.sky-selected-card { width:210px; right:12px; padding:12px; }.sky-experience .legend { width:165px; left:16px; }
}
@media(max-width:760px) {
  .sky-experience .site-header { display:grid; grid-template-columns:1fr auto; gap:7px; padding:calc(10px + env(safe-area-inset-top)) 12px 10px; min-height:0; backdrop-filter:none; }
  .sky-experience .title-left { display:flex; flex-direction:row; align-items:center; gap:9px; }.sky-brand { font-size:11px; }.sky-brand-mark { width:24px; height:24px; }.sky-experience .title-main { margin:0; font-size:8px; }
  .sky-experience .header-tools { display:grid; grid-template-columns:minmax(0,1fr) 130px; grid-column:1/-1; width:100%; gap:6px; }
  .sky-experience .search-wrap { grid-column:auto; width:100%; min-width:0; max-width:none; padding:0; }.sky-experience #pattern-search { height:42px; font-size:11px; padding-right:34px; }
  .sky-experience .family-focus-control { display:block; min-width:0; }.sky-experience .family-focus-control>span { display:none; }.sky-experience #sky-family-focus { width:100%; max-width:none; min-height:42px; background:#08141d; border:1px solid var(--sky-line); color:#aac4cc; font-size:10px; border-radius:7px; }
  .sky-family-rail { display:none; }.sky-experience .legend { display:none; }
  .sky-experience #btn-gesture,.sky-experience #btn-favs,.sky-experience #btn-tour,.sky-experience .sky-voice-control { position:fixed; top:auto; bottom:max(8px,env(safe-area-inset-bottom)); width:calc((100vw - 24px)/4); height:50px; z-index:20; background:#09151f; border-radius:0; border:0; border-top:1px solid #1b333d; padding:8px 3px; text-align:center; font-size:9px; }
  .sky-experience #btn-gesture { left:12px; border-radius:9px 0 0 9px; }.sky-experience .sky-voice-control { left:calc(12px + (100vw - 24px)/4); padding:0; }.sky-experience #sky-voice-toggle { width:100%; height:50px; border:0; border-radius:0; font-size:9px; background:transparent; }.sky-experience #btn-favs { left:calc(12px + (100vw - 24px)/2); }.sky-experience #btn-tour { right:12px; border-radius:0 9px 9px 0; }
  .sky-experience .sky-voice-status { top:auto; bottom:100%; }.sky-experience .sky-voice-help { top:auto; bottom:calc(100% + 37px); }
  .sky-selected-card { top:auto; bottom:126px; left:12px; right:12px; width:auto; min-height:99px; padding:12px 14px; display:grid; grid-template-columns:minmax(0,1fr) 105px; gap:0 10px; }
  .sky-selected-card .sky-rail-heading { display:none; }.sky-selected-card h2 { font-size:14px; margin:0 0 4px; }.sky-selected-card #sky-selected-family { font-size:10px; }.sky-selected-card #sky-selected-preview { position:absolute; right:14px; top:6px; width:96px; height:82px; margin:0; pointer-events:none; }
  .sky-selected-card dl,.sky-selected-card #sky-selected-description { display:none; }.sky-selected-card #sky-selected-open { grid-column:1; margin-top:9px; min-height:34px; padding:5px 9px; font-size:10px; max-width:200px; }
  .sky-experience #bottom-controls { left:12px; right:12px; bottom:67px; gap:6px; }.sky-experience #bottom-controls button,.sky-experience #bottom-controls select { padding:6px; min-height:44px; font-size:9px; }.sky-experience #bottom-controls #sky-reset span { display:none; }.sky-zoom-controls { gap:4px; margin-left:0; }.sky-zoom-controls>span,.sky-quality-label>span { display:none; }.sky-quality-label { margin-left:auto; }.sky-experience .sr-pwa-install { display:none!important; }
  .sky-experience #modal-overlay { padding:0; align-items:flex-start; overflow-y:auto; overscroll-behavior:contain; }
  .sky-experience #modal-card { width:100%; height:auto; min-height:100dvh; max-height:none; border-radius:0; border:0; overflow:visible; }
  .sky-experience #modal-inner { display:flex; flex-direction:column; height:auto; overflow:visible; }
  .sky-experience .modal-right { order:-1; display:flex; min-height:0; overflow:visible; padding-top:env(safe-area-inset-top); }
  .sky-experience .modal-left { order:2; padding:20px 20px calc(30px + env(safe-area-inset-bottom)); border-right:0; border-top:1px solid var(--sky-line); overflow:visible; }
  .sky-experience .sky-lab-toolbar { position:sticky; top:0; z-index:145; min-height:66px; padding:10px 57px 10px 14px; background:#07111bf5; }
  .sky-experience #sky-lab-current-title { font-size:16px; max-width:none; }.sky-experience #sky-lab-status { font-size:8px; }.sky-experience .sky-lab-toolbar-actions { padding:0; gap:5px; }.sky-experience #sky-lab-audio { display:none; }
  .sky-experience #modal-close { position:fixed; top:calc(14px + env(safe-area-inset-top)); right:12px; min-height:40px; width:40px; }.sky-experience .modal-mode-toggle { position:sticky; top:66px; z-index:140; margin:9px 0; }
  .sky-experience .modal-mode-toggle button { min-height:42px; min-width:90px; }
  .sky-experience #modal-viewport { flex:none; height:clamp(290px,43dvh,440px); min-height:0; }
  .sky-experience .sky-lab-timeline { margin:0 12px; grid-template-columns:36px 40px 36px minmax(35px,1fr) auto 52px; gap:4px; padding-top:8px; }.sky-experience .sky-lab-speed { grid-column:auto; }.sky-experience .sky-lab-speed select { width:52px; }
  #sky-lesson-steps { margin:0 10px; gap:0; }#sky-lesson-steps button { flex-direction:column; font-size:8px; gap:4px; }#sky-lesson-steps b { flex:none; width:21px; }.sky-lesson-current { min-height:65px; padding:9px 17px; }.sky-lesson-current p { font-size:11px; }
  .sky-experience .sky-lab-secondary { order:0; }.sky-experience #sky-lab-synthetic-note { display:block; padding-bottom:12px; }
  .sky-experience .mini-btn { min-height:44px; min-width:44px; }
  .sky-experience #sky-pattern-navigator[data-fallback="true"] { top:120px; right:12px; left:12px; width:auto; height:calc(100dvh - 360px); }
}
@media(max-height:520px) and (orientation:landscape) {
  .sky-experience .site-header { min-height:50px; padding:5px 12px; display:flex; gap:8px; }.sky-experience .title-left { display:none; }.sky-experience .header-tools { display:flex; gap:5px; }.sky-experience .search-wrap { flex:1; }.sky-experience .family-focus-control { display:block; width:140px; }.sky-experience .family-focus-control>span { display:none; }.sky-experience #sky-family-focus { max-width:140px; font-size:10px; }
  .sky-experience #btn-gesture,.sky-experience #btn-favs,.sky-experience #btn-tour,.sky-experience .sky-voice-control { position:relative; inset:auto; width:auto; height:40px; border:1px solid var(--sky-line); border-radius:6px; padding:5px; }.sky-experience #sky-voice-toggle { height:30px; width:auto; }.sky-experience .sky-voice-control { border:0; padding:0; }
  .sky-family-rail,.sky-experience .legend { display:none; }.sky-selected-card { top:65px; left:auto; right:12px; bottom:auto; width:180px; padding:11px; display:block; }.sky-selected-card .sky-rail-heading { display:block; }.sky-selected-card h2 { font-size:13px; }.sky-selected-card #sky-selected-preview { position:static; width:100%; height:100px; }.sky-selected-card dl,.sky-selected-card #sky-selected-description { display:none; }
  .sky-experience #bottom-controls { bottom:8px; left:12px; right:12px; }.sky-experience #bottom-controls button,.sky-experience #bottom-controls select { min-height:36px; }.sky-experience #bottom-controls #sky-reset span { display:inline; }
  .sky-experience #modal-overlay { overflow:hidden; padding:0; }.sky-experience #modal-card { height:100dvh; min-height:0; max-height:none; border-radius:0; }
  .sky-experience #modal-inner { display:grid; grid-template-columns:minmax(210px,28%) minmax(0,1fr); height:100%; overflow:hidden; }.sky-experience .modal-right { grid-column:2; grid-row:1; order:0; min-height:0; overflow:hidden; padding-top:0; }.sky-experience .modal-left { grid-column:1; grid-row:1; min-height:0; overflow-y:auto; padding:12px; }
  .sky-experience .modal-left .modal-longform { display:block; }.sky-experience .modal-left .sky-lab-disclosure:not([open])>*:not(summary) { display:none; }
  .sky-experience .sky-lab-toolbar { position:relative; top:auto; min-height:43px; padding:5px 55px 5px 13px; }.sky-experience #sky-lab-current-title { font-size:13px; }.sky-experience #sky-lab-status { display:none; }.sky-experience .sky-lab-eyebrow { display:none; }
  .sky-experience #modal-close { top:5px; right:7px; min-height:34px; height:34px; width:34px; }.sky-experience .modal-mode-toggle { position:relative; top:auto; margin:4px; }.sky-experience .modal-mode-toggle button { min-height:30px; min-width:80px; font-size:9px; }
  .sky-experience #modal-viewport { flex:1 1 0; height:auto; min-height:100px; }.sky-experience .sky-lab-timeline { margin:0 12px; padding:4px 0; grid-template-columns:32px 34px 32px minmax(30px,1fr) auto 50px; }.sky-experience .sky-lab-timeline button,.sky-experience .sky-lab-timeline select { min-height:32px; height:32px; }
  #sky-lesson-steps { margin:0 10px; }#sky-lesson-steps button { flex-direction:row; min-height:30px; font-size:8px; }.sky-lesson-current { min-height:0; padding:2px 14px 5px; }.sky-lesson-current strong { display:none; }.sky-lesson-current p { font-size:9px; margin:0; }.sky-experience #sky-lab-synthetic-note { display:none; }
}
@media(prefers-reduced-motion:reduce) { .sky-experience * { scroll-behavior:auto; animation-duration:.001ms!important; transition-duration:.001ms!important; } }

@media (max-width:760px) and (orientation:portrait) { .sky-selected-card h2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } }

/* Reference atlas: near-black surfaces, cyan geometry, amber playback. */
.sky-experience { --sky-line:rgba(142,164,220,.22);--sky-muted:#a2b2ce;--sky-surface:rgba(4,11,20,.94);--sky-mint:#60e9d0;background:#02060d;color:#e8f0ff; }
.sky-experience .site-header { background:#030912f5;border-bottom-color:#172939;box-shadow:0 8px 28px #0003;backdrop-filter:none; }
.sky-experience .title-left { display:grid;grid-template-columns:auto auto;column-gap:18px;row-gap:3px;align-items:center; }
.sky-experience .sky-brand { grid-column:1;grid-row:1;color:#eaf0ff; }
.sky-experience .title-main { grid-column:1;grid-row:2; }
.sky-experience .sky-home-link { grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;color:#dbe5ff;border:1px solid #3d5076;border-radius:11px;background:#07101c;font:500 12px Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap; }
.sky-experience .sky-home-link:hover { background:#2d426a;border-color:#95adf3; }
.sky-experience #pattern-search { background:#060e19;border-color:#20303f;border-radius:11px;font-size:13px; }
.sky-experience .header-tools .btn-pill { min-height:44px;border-color:#20303f;background:#060e18;border-radius:10px;font-size:11px; }
.sky-family-rail,.sky-selected-card { border-color:#20313f;border-radius:12px;box-shadow:0 14px 36px #0004,inset 0 1px #bdcfff12; }
.sky-family-rail { background:linear-gradient(155deg,#09182540,#030a14cc),var(--sky-surface); }
.sky-rail-heading { font-size:11px;color:#a5b5d0; }
.sky-family-item { padding:12px 6px;font-size:12px;color:#b7c6de;border-bottom-color:#819ace16; }
.sky-family-item[aria-pressed="true"] { color:#e1ecff;background:#0a333b77;border-radius:8px; }
.sky-family-item[aria-pressed="true"] i { box-shadow:0 0 0 4px #7fb5ff16; }
.sky-family-item b { color:#aab8d3; }
.sky-selected-card { background:linear-gradient(145deg,#0a1725,#040b14 65%); }
.sky-selected-card h2 { font-size:20px;letter-spacing:-.5px;line-height:1.3; }
#sky-selected-family { color:#a7b9d5;font-size:12px;line-height:1.4; }
#sky-selected-preview { height:168px;padding:12px 0;box-sizing:border-box; }
#sky-selected-preview svg { filter:drop-shadow(0 0 6px #60e9d025); }
#sky-selected-preview .sky-preview-line { stroke-width:2; }
.sky-selected-card dl { font-size:12px; }
#sky-selected-description { color:#b0bfd8;font-size:12px; }
#sky-selected-open { border:1px solid #226270;background:#0a252e;color:#f0f5ff;border-radius:10px;font-size:12px;min-height:46px; }
#sky-selected-open:hover { background:#0c3941; }
.sky-experience .sky-node-label { background:#101d36e8;color:#cbdaf4;border-color:#6a8cbc65;border-radius:7px;font-size:11px;box-shadow:0 3px 12px #0003; }
.sky-experience .sky-node-label.is-selected { background:#203e53;border-color:#6cdfcf;color:#d1fff5; }
.sky-experience #bottom-controls button,.sky-experience #bottom-controls select { background:#060e19;border-color:#203745;border-radius:11px;color:#bbcae2; }
.sky-experience #modal-overlay { background:#030712df;backdrop-filter:blur(6px); }
.sky-experience #modal-card { background:#030914;border-color:#223746;border-radius:12px; }
.sky-experience .modal-left { background:#060e1a;border-color:#20323d;padding:24px; }
.sky-experience .modal-left h2 { color:#eef3ff;letter-spacing:-.6px; }
.sky-experience .modal-left p,.sky-experience .sky-lesson li { color:#b4c3dd;font-size:13px;line-height:1.7; }
.sky-experience .sky-lesson h3 { color:#adbdff;font-size:11px;letter-spacing:.06em; }
.sky-experience .sky-lesson h3.is-bull { color:#60e9d0; }
.sky-experience .sky-lesson h3.is-bear { color:#ff92ab; }
.sky-experience .sky-lesson details { border-color:#33486a; }
.sky-experience .sky-lesson summary { padding:14px 0;min-height:44px;font-size:12px;color:#c6d3ef;cursor:pointer; }
.sky-experience .sky-lab-toolbar { background:#060d18;border-color:#23323e;min-height:70px; }
.sky-experience #sky-lab-current-title { color:#eff4ff;font-size:20px;letter-spacing:-.4px; }
.sky-experience #sky-lab-status { font-size:10px;color:#b0bfdd; }
.sky-experience #sky-lab-audio,.sky-experience #sky-lab-fullscreen,.sky-experience #modal-close { min-width:40px;min-height:40px;height:40px;border-radius:10px;background:#081421;border-color:#27434f;color:#e8f1ff; }
.sky-experience .modal-mode-toggle { border-color:#20333f;border-radius:12px;background:#050e18; }
.sky-experience .modal-mode-toggle button,.sky-experience .modal-mode-toggle button.active { min-height:40px;border-radius:9px;font-size:11px;color:#b9c7e2; }
.sky-experience .modal-mode-toggle button[aria-selected="true"],.sky-experience .modal-mode-toggle button.mode-3d[aria-selected="true"] { background:#302312;border-color:#91601e;color:#eff4ff; }
.sky-experience #modal-viewport { background:radial-gradient(ellipse at 50% 35%,#06233040,transparent 72%),#020915; }
.sky-experience .sky-schema-annotation-box { fill:#051b27;stroke:#1a5364; }
.sky-experience .sky-schema-fact { fill:#d2dff2; }
.sky-experience .sky-lab-timeline { border-top-color:#20343f; }
.sky-experience .sky-lab-timeline button,.sky-experience .sky-lab-timeline select { background:#071421;border-color:#203847;border-radius:9px;color:#d6e3fa; }
.sky-experience #sky-lab-play { background:#ff9d10;color:#181005; }
.sky-lab-extras { flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;gap:7px;margin:0 18px 4px; }
.sky-lab-extras button,.sky-lab-extras a { min-height:32px;display:flex;align-items:center;justify-content:center;padding:4px 10px;border:1px solid #203441;border-radius:8px;background:#060f1c;color:#b7c8e6;text-decoration:none;font:500 11px Inter,system-ui,sans-serif;cursor:pointer; }
.sky-lab-extras button[aria-pressed="true"] { background:#2c4564;color:#96f2dc;border-color:#5ec7ae; }
#sky-lesson-steps button { font-size:10px;color:#a6b8d4; }
#sky-lesson-steps [aria-current="step"] { background:#071b26;border-radius:10px;color:#e9f0ff; }
#sky-lesson-steps [aria-current="step"] b { border-color:#ffad32;color:#ffb943;box-shadow:none; }
.sky-lesson-current strong { font-size:12px;color:#deeaff; }
.sky-lesson-current p { font-size:12px;color:#b1c2dd; }
.sky-experience #sky-lab-synthetic-note { color:#91a4c2;font-size:9px; }
@media(max-width:1100px) { .sky-experience .title-left { column-gap:8px; }.sky-experience .sky-home-link { padding:0 8px;font-size:11px; }.sky-experience .header-tools .btn-pill { font-size:10px; }.sky-selected-card h2 { font-size:18px; } }
@media(max-width:760px) and (orientation:portrait) {
 .sky-experience .title-left { grid-column:1/-1;width:100%;grid-template-columns:1fr auto;gap:2px; }
 .sky-experience .title-main { margin-left:35px;font-size:9px; }
 .sky-experience .sky-home-link { min-height:42px;padding:0 12px;font-size:12px; }
 .sky-experience .header-tools { grid-template-columns:minmax(0,1fr) 128px; }
 .sky-experience #pattern-search { font-size:12px; }
 .sky-experience #sky-family-focus { background:#050f1d;border-color:#203644;font-size:11px; }
 .sky-selected-card { padding:14px;border-radius:16px; }
 .sky-selected-card h2 { font-size:16px; }
 .sky-selected-card #sky-selected-open { min-height:38px; }
 .sky-experience #btn-gesture,.sky-experience #btn-favs,.sky-experience #btn-tour,.sky-experience .sky-voice-control { background:#050e19;border-top-color:#1b4652; }
 .sky-experience #btn-gesture { border-radius:16px 0 0 16px; }.sky-experience #btn-tour { border-radius:0 16px 16px 0; }
 .sky-experience #modal-card { border-radius:0; }
 .sky-experience .sky-lab-toolbar { min-height:70px;background:#060d18; }
 .sky-experience #sky-lab-current-title { font-size:17px; }
 .sky-experience .modal-mode-toggle { top:70px; }
 .sky-experience #modal-viewport { min-height:265px; }
 .sky-experience .modal-left { padding:22px 18px calc(28px + env(safe-area-inset-bottom)); }
 .sky-lab-extras { margin-inline:12px;justify-content:space-between; }.sky-lab-extras button,.sky-lab-extras a { min-height:40px;font-size:11px; }
 .sky-experience .sky-lab-timeline button,.sky-experience .sky-lab-timeline select { min-height:42px;height:42px; }
}
@media(max-height:520px) and (orientation:landscape) {
 .sky-experience .title-left { display:flex;min-width:0; }.sky-experience .title-left .sky-brand,.sky-experience .title-main { display:none; }
 .sky-experience .sky-home-link { min-height:38px;font-size:11px;padding:0 8px; }
 .sky-experience .header-tools .btn-pill { min-height:38px; }
 .sky-selected-card h2 { font-size:15px; }.sky-selected-card #sky-selected-preview { padding:0; }
 .sky-experience #modal-card { border-radius:0; }.sky-experience .sky-lab-toolbar { min-height:43px; }
 .sky-experience #sky-lab-current-title { font-size:15px; }.sky-experience .modal-mode-toggle button { min-height:30px; }
 .sky-experience #sky-lab-audio,.sky-experience #sky-lab-fullscreen,.sky-experience #modal-close { min-height:34px;height:34px;min-width:34px; }
 .sky-lab-extras { margin:0 12px;gap:6px; }.sky-lab-extras button,.sky-lab-extras a { min-height:28px;padding:3px 8px;font-size:10px; }
 .sky-lesson-current p { font-size:10px; }
}


/* Reference anatomy and tools. Layout changes stay outside drawing coordinates. */
.sky-experience #modal-inner { grid-template-columns:minmax(240px,23%) minmax(0,1fr); }
.sky-experience .sky-lab-toolbar { display:flex;align-items:center;gap:14px;min-height:62px;padding-block:8px; }
.sky-experience .sky-lab-toolbar>div:first-of-type { min-width:0;flex:1; }
.sky-experience #btn-back { width:auto;flex:0 0 auto;background:transparent;border:0;color:#9dafc0;font:500 11px var(--font-sans);min-height:40px;padding:0 10px 0 0;letter-spacing:0; }
.sky-experience #sky-lab-current-title { font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.sky-experience #sky-lab-focus { width:38px;height:38px;border:1px solid #27434f;border-radius:6px;background:#081421;color:#a6c4d5;font-size:20px; }
.sky-experience #sky-lab-focus[aria-pressed="true"] { border-color:#22c8b7;color:#71ffea; }
.sky-experience #modal-card.sky-focus-mode #modal-inner { grid-template-columns:1fr; }
.sky-experience #modal-card.sky-focus-mode .modal-left { display:none; }
.sky-experience #modal-card.sky-focus-mode .modal-right { grid-column:1; }
.sky-experience .sky-layer-drawer { flex:0 0 auto;border-block:1px solid #142737;background:#040d17; }
.sky-experience .sky-layer-drawer summary { cursor:pointer;padding:8px 18px;font:500 10px var(--font-sans);letter-spacing:.06em;color:#99acbd; }
.sky-experience #sky-lab-layers { padding:0 14px 10px;margin:0;border:0;min-width:0; }
.sky-experience [data-sky-layer-controls] { display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:2px; }
.sky-experience [data-sky-layer-controls] button { flex:none;min-height:34px;padding:6px 10px;border:1px solid #25404b;background:#060f1a;border-radius:5px;color:#8298a8;font:500 10px var(--font-sans); }
.sky-experience [data-sky-layer-controls] button::before { content:'○';margin-right:6px; }
.sky-experience [data-sky-layer-controls] button[aria-pressed="true"] { color:#62e9d5;border-color:#1b695e;background:#08241f; }
.sky-experience [data-sky-layer-controls] button[aria-pressed="true"]::before { content:'✓'; }
.sky-experience .sky-schema-line { stroke-linecap:round;stroke-linejoin:round; }
.sky-experience .sky-schema-line.is-structure { stroke:#6aeee4;stroke-width:2.5; }
.sky-experience .sky-schema-line.is-levels,.sky-experience .sky-schema-line.is-boundaries { stroke:#edb54b;stroke-width:1.6; }
.sky-experience .sky-schema-aura { stroke:#16cbbf;stroke-width:9;opacity:.12;stroke-linejoin:round; }
.sky-experience .sky-anatomy-grid { stroke:#145678;stroke-width:.6;opacity:.23;fill:none; }
.sky-experience .sky-anchor-halo { fill:#29dacc22;stroke:#29dacc55;stroke-width:1; }
.sky-experience .sky-anchor-core { fill:#a2fff1;stroke:#37e2d1;stroke-width:1; }
.sky-experience .sky-anchor-label { fill:#70dfd7;font:500 11px var(--font-sans);paint-order:stroke;stroke:#020915;stroke-width:4px;stroke-linejoin:round; }
.sky-experience .sky-anatomy-guide { stroke:#e5b547;stroke-width:1.3;stroke-dasharray:6 5;opacity:.85; }
.sky-experience .sky-anatomy-point.is-levels .sky-anchor-label { fill:#e5b547; }
.sky-experience .sky-anatomy-point.is-invalidation .sky-anatomy-guide { stroke:#fa6e82; }
.sky-experience .sky-anatomy-point.is-invalidation .sky-anchor-label { fill:#fa6e82; }
.sky-experience .sky-anatomy-point.is-target .sky-anatomy-guide { stroke:#83a9b7; }
.sky-experience #sky-lab-play { box-shadow:0 0 22px #ff9d1020; }
.sky-experience #sky-lesson-steps { position:relative; }
.sky-experience #sky-lesson-steps b { background:#030d17;z-index:1; }
.sky-experience #sky-lesson-steps button[data-complete="true"] b { color:#3fe3ce;border-color:#2bbaaa; }
.sky-experience #sky-lesson-steps [aria-current="step"] b { background:#f5a11c;color:#1a1000;box-shadow:0 0 0 4px #ffa40015; }
.sky-experience .sky-progressive-candles { grid-template-rows:minmax(0,1fr) auto auto auto;padding:0 12px 6px; }
.sky-candle-readout { display:block;min-height:26px;padding:7px 2px;color:#9fc8d4;font:10px/1.3 ui-monospace,monospace;border-top:1px solid #173242; }
.sky-candle-canvas:focus-visible { outline:1px solid #39d9c4;outline-offset:-2px; }
.sky-note-panel label { display:block;color:#889fae;font-size:11px;line-height:1.5; }
#sky-pattern-note { box-sizing:border-box;width:100%;margin:8px 0;background:#020a14;color:#c6dce5;border:1px solid #27414f;border-radius:6px;padding:10px;resize:vertical;font:12px/1.5 var(--font-sans); }
#sky-save-note { min-height:40px;background:#082824;color:#67e0cc;border:1px solid #1d665b;border-radius:6px;padding:8px 12px;cursor:pointer; }
#sky-note-status { display:block;color:#8eacb9;font-size:11px;line-height:1.5;padding-block:8px; }
@media(max-width:760px) and (orientation:portrait) {
 .sky-experience .sky-lab-toolbar { gap:5px;flex-wrap:wrap;padding:8px 55px 8px 12px;min-height:80px; }
 .sky-experience #btn-back { min-height:32px;font-size:10px; }
 .sky-experience .sky-lab-toolbar>div:first-of-type { order:3;flex-basis:100%; }
 .sky-experience .sky-lab-toolbar-actions { margin-left:auto; }
 .sky-experience .sky-lab-eyebrow,.sky-experience #sky-lab-status { display:none; }
 .sky-experience #sky-lab-current-title { font-size:16px; }
 .sky-experience .modal-mode-toggle { top:80px;margin:4px 0;border-radius:0;align-self:stretch;display:flex;border-inline:0;padding:0; }
 .sky-experience .modal-mode-toggle button { flex:1;border-radius:0;min-height:40px; }
 .sky-experience #modal-viewport { height:clamp(285px,43dvh,430px); }
 .sky-experience .sky-layer-drawer summary { min-height:36px;box-sizing:border-box;padding:10px 14px; }
 .sky-experience .sky-anchor-label { font-size:9px; }
 .sky-experience #modal-close { top:9px; }
 .sky-experience .sky-lab-toolbar #sky-lab-focus { width:34px;height:34px; }
 .sky-experience #sky-lab-fullscreen { min-height:34px;height:34px; }
 .sky-experience #modal-card.sky-focus-mode .modal-left { display:none; }
 .sky-experience .sky-candle-readout { font-size:9px; }
}
@media(max-height:520px) and (orientation:landscape) {
 .sky-experience #modal-inner { grid-template-columns:210px minmax(0,1fr); }
 .sky-experience .sky-lab-toolbar { min-height:42px;gap:6px;padding:3px 48px 3px 10px; }
 .sky-experience #btn-back { font-size:10px;min-height:30px; }.sky-experience #btn-back span { display:none; }
 .sky-experience #sky-lab-focus { width:30px;height:30px; }
 .sky-experience #sky-lab-current-title { font-size:14px; }
 .sky-experience .sky-layer-drawer summary { padding:5px 12px;font-size:9px; }
 .sky-experience [data-sky-layer-controls] button { min-height:28px;font-size:9px; }
 .sky-experience #sky-lab-layers { padding-bottom:4px; }
 .sky-experience .sky-candle-readout { display:none; }
}

.sky-experience .sky-candle-stage { position:relative;min-width:0;overflow:hidden; }
.sky-experience .sky-candle-canvas { position:absolute;inset:0;display:block; }

.sky-experience.sky-overview .sky-family-rail,.sky-experience.sky-overview .sky-selected-card,.sky-experience.sky-overview .legend { display:none; }
.sky-experience #sky-overview[aria-pressed="true"] { color:#62eed8;border-color:#268b7b;background:#08241f; }
@media(max-width:760px) and (orientation:portrait) { .sky-experience #sky-overview { font-size:9px;padding-inline:6px; } }
@media(max-height:520px) and (orientation:landscape) {
 .sky-experience .modal-mode-toggle { margin:2px 0;padding:0; }
 .sky-experience .modal-mode-toggle button,.sky-experience .modal-mode-toggle button.active { min-height:28px;height:28px;font-size:9px;padding:3px 12px; }
 .sky-experience .sky-lab-timeline { padding:3px 0;gap:4px; }
 .sky-experience .sky-lab-timeline button,.sky-experience .sky-lab-timeline select { min-height:30px;height:30px;padding:2px 6px; }
 .sky-experience .sky-lab-extras { min-height:24px;margin-block:0; }
 .sky-experience .sky-lab-extras button,.sky-experience .sky-lab-extras a { min-height:24px;height:24px;padding:2px 7px;font-size:9px; }
 .sky-experience #sky-lesson-steps button { min-height:26px;padding:2px; }
 .sky-experience #sky-lesson-steps button span { display:none; }
 .sky-experience .sky-lesson-current { display:none; }
}

.sky-experience .sky-schema-band { stroke:#e6b640;stroke-width:16;opacity:.1; }
.sky-experience .sky-schema-region { fill:#22c9b5;opacity:.06;stroke:none; }

@media(max-width:760px) and (orientation:portrait) {
 .sky-experience #bottom-controls #btn-rotate { font-size:0;min-width:44px;width:44px;padding:6px; }
 .sky-experience #btn-rotate .icon { font-size:16px; }
 .sky-experience #sky-overview { min-width:44px;letter-spacing:0;padding-inline:6px; }
}

/* Motion stays in WebGL; this control never adds a competing CSS animation. */
.sky-experience #bottom-controls #sky-effects {width:44px;flex:0 0 44px;padding:6px;font-size:19px;}
.sky-experience #sky-effects[aria-pressed="true"] {color:#8dffe0;border-color:#286d64;box-shadow:inset 0 0 16px #2af0c414;}
@media(max-width:760px) {
 .sky-experience #bottom-controls {gap:4px;}
 .sky-experience #sky-quality {width:68px;padding-inline:3px;}
 .sky-experience .sky-zoom-controls {gap:0;}
}
@media(max-width:360px) {
 .sky-experience #bottom-controls {flex-wrap:wrap;justify-content:center;}
 .sky-experience .sky-quality-label {margin-left:0;}
}

.sky-family-item[data-family-color="0"] i {background:#2ef2a8;color:#2ef2a8;}
.sky-family-item[data-family-color="1"] i {background:#ff5c7a;color:#ff5c7a;}
.sky-family-item[data-family-color="2"] i {background:#ffc447;color:#ffc447;}
.sky-family-item[data-family-color="3"] i {background:#33a1ff;color:#33a1ff;}
.sky-family-item[data-family-color="4"] i {background:#b866ff;color:#b866ff;}
.sky-family-spectrum {display:flex;gap:5px;margin-bottom:8px;}
.sky-family-spectrum i {width:7px;height:7px;border-radius:50%;background:var(--hue);box-shadow:0 0 8px var(--hue);}