/* ORBIT ribbons adapted to the portal's existing SVG and theme tokens. */
@media screen {
html[data-gronn-theme][data-gronn-background] body .gl-aurora{opacity:.85;filter:none;--gl-fold-fill:url(#gl-under)}
html[data-gronn-theme=light][data-gronn-background] body .gl-aurora{opacity:1;--gl-fold-fill:transparent}
html[data-gronn-theme=light][data-gronn-background] .gl-aurora svg{filter:brightness(var(--gl-brightness,1.4)) saturate(1.65)}
html[data-gronn-theme=light][data-gronn-background] .gl-aurora use{mix-blend-mode:normal}
html[data-gronn-theme=light][data-gronn-background] .gl-aurora .gl-fold-shadow{display:none}
html[data-gronn-background] .gl-aurora .gl-flow-blue{transform-origin:center;animation:orbit-portal-blue calc(12s / var(--orbit-flow-speed,1.4)) ease-in-out infinite alternate}
html[data-gronn-background] .gl-aurora .gl-flow-green{transform-origin:center;animation:orbit-portal-green calc(15s / var(--orbit-flow-speed,1.4)) ease-in-out infinite alternate}
.gl-aurora svg>g:nth-of-type(2) .gl-flow-blue{animation-delay:-3s}
.gl-aurora svg>g:nth-of-type(3) .gl-flow-green{animation-delay:-5s}
@keyframes orbit-portal-blue{0%{transform:translate(-60px,42px) rotate(-4deg) scale(1.03,.94)}50%{transform:translate(14px,-24px) rotate(1deg) scale(1.06,1.02)}100%{transform:translate(78px,-58px) rotate(4deg) scale(.98,1.09)}}
@keyframes orbit-portal-green{0%{transform:translate(68px,-45px) rotate(5deg) scale(1.08,.93);opacity:.68}50%{transform:translate(-8px,10px) rotate(-1deg) scale(1.02,1.04);opacity:1}100%{transform:translate(-82px,64px) rotate(-5deg) scale(.96,1.12);opacity:.87}}
html[data-gronn-theme][data-gronn-background=contour] body .gl-aurora{--gl-cloud-opacity:.12;--gl-glow-opacity:.3;opacity:.6;transform:scale(1.15) rotate(-10deg)}
html[data-gronn-background=contour] .gl-aurora rect{opacity:.12}
html[data-gronn-background=contour] .gl-aurora path[filter]{opacity:.3}
html[data-gronn-background=contour] .gl-aurora path:not([filter]){stroke-width:2}
html[data-gronn-theme=light][data-gronn-background=contour] body .gl-aurora{--gl-cloud-opacity:.35;--gl-glow-opacity:.65;opacity:.95}
html[data-gronn-theme=light][data-gronn-background=contour] .gl-aurora rect{opacity:.35}
html[data-gronn-theme=light][data-gronn-background=contour] .gl-aurora path[filter]{opacity:.65}
html[data-gronn-theme][data-gronn-background=aurora] body .gl-aurora{transform:scale(1.35) rotate(12deg);opacity:.9}
html[data-gronn-theme=light][data-gronn-background=aurora] body .gl-aurora{opacity:1}
html[data-gronn-background=aurora] .gl-aurora .gl-flow-green{animation-duration:calc(11s / var(--orbit-flow-speed,1.4))}
html[data-gronn-visuals=low] .gl-aurora svg{filter:none!important;--gl-glow-opacity:0}
html[data-gronn-visuals=low] .gl-aurora path[filter]{display:none}
html[data-gronn-visuals=static] .gl-aurora g{animation:none!important}
html[data-gronn-motion=off] .gl-aurora g,html.gl-page-hidden .gl-aurora g{animation-play-state:paused!important}
.orbit-controls{grid-column:1/-1;width:100%;min-width:0;border-top:1px solid var(--gg-line);padding-top:20px}
.orbit-controls h4{font-size:17px;margin:8px 0 16px;color:var(--gg-text)}
.orbit-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 26px}
html[data-gronn-theme] body .settings-appearance .orbit-controls-grid label{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;min-width:0!important;margin:0;max-width:none;box-sizing:border-box}
.orbit-controls output{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--gg-blue)}
html[data-gronn-theme] body .settings-appearance .orbit-controls input[type=range]{width:100%;min-height:24px;padding:0;accent-color:var(--gg-blue)}
.orbit-controls select{width:100%;max-width:100%}
.orbit-check{align-content:center}
.orbit-controls-grid input[type=checkbox]{flex:none}
.orbit-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-gronn-theme] body .orbit-theme-choice{display:grid;gap:8px;text-align:left;border:1px solid var(--gg-border);background:var(--gg-field);color:var(--gg-text);padding:12px;min-width:0}
html[data-gronn-theme] body .orbit-theme-choice[aria-pressed=true]{outline:2px solid var(--gg-blue);outline-offset:2px;background:var(--gp-hover)}
.orbit-theme-choice small{line-height:1.5;color:var(--gg-muted)}
.orbit-theme-preview{height:58px;width:100%;display:block;border-radius:7px;background:linear-gradient(155deg,#031727 22%,#148eff 47%,#41b7ff 49%,#031727 52%,#aaff36 78%,#031727 82%)}
.orbit-preview-contour{background:linear-gradient(165deg,#031727 20%,#031727 45%,#41b7ff 46%,#031727 48%,#031727 69%,#aaff36 70%,#031727 72%)}
.orbit-preview-aurora{background:radial-gradient(ellipse at 25% 80%,#aaff36a0,transparent 65%),linear-gradient(140deg,#031727,#148eff90,#031727)}
.orbit-preview-waves{background:#031727 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60'%3E%3Cg fill='none' stroke-width='1'%3E%3Cpath stroke='%23148eff' d='M-20 3Q120 100 260-5M-20 8Q120 98 260 0M-20 13Q120 96 260 5M-20 18Q120 94 260 10'/%3E%3Cpath stroke='%2341b7ff' d='M-20 6Q120 75 260 6M-20 11Q120 73 260 11M-20 16Q120 71 260 16'/%3E%3Cpath stroke='%23aaff36' d='M-20 12Q120 106 260 8M-20 17Q120 104 260 13'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat}
.gl-aurora .orbit-waves-scene{display:none}
html[data-gronn-background=waves] .gl-aurora .orbit-ribbon-scene{display:none}
html[data-gronn-background=waves] .gl-aurora .orbit-waves-scene{display:block;filter:none!important}
.orbit-wave-line{stroke-width:1.6;opacity:calc(.30 * var(--gl-brightness,1.4));stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision;animation:none!important;transform:none!important;transition:none!important}
.orbit-wave-bank-1 .orbit-wave-line{stroke-width:1.35;opacity:calc(.18 * var(--gl-brightness,1.4))}
.orbit-wave-bank-2 .orbit-wave-line{stroke-width:1.5;opacity:calc(.22 * var(--gl-brightness,1.4))}
html[data-gronn-theme=light] .orbit-wave-line{opacity:calc(.50 * var(--gl-brightness,1.4));stroke-width:1.45}
html[data-gronn-theme=light] .orbit-wave-bank-1 .orbit-wave-line{opacity:calc(.42 * var(--gl-brightness,1.4));stroke-width:1.15}
html[data-gronn-theme=light] .orbit-wave-bank-2 .orbit-wave-line{opacity:calc(.55 * var(--gl-brightness,1.4));stroke-width:1.6}
html[data-gronn-visuals=low] .orbit-wave-extra{display:none}
html[data-gronn-visuals=static] .orbit-wave-line{animation:none!important}
html[data-gronn-motion=off] .orbit-wave-line,html.gl-page-hidden .orbit-wave-line{animation-play-state:paused!important}
.orbit-sound-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
html[data-gronn-theme] body .settings-appearance .orbit-controls .orbit-sound-actions button{background:var(--gg-field)!important;color:var(--gg-text)!important;border:1px solid var(--gg-border)!important}
html[data-gronn-theme] body .settings-appearance .orbit-controls .orbit-sound-actions button[aria-pressed=true]{border-color:var(--gg-blue)!important}
.orbit-sound-actions [role=status]{font-size:12px;color:var(--gg-muted)}
.gl-quick-theme .orbit-sound-toggle[aria-pressed=true]{color:var(--gg-blue);box-shadow:inset 0 0 0 1px var(--gg-blue)}
.orbit-motion-note{color:var(--gg-muted)}
.orbit-motion-note[hidden]{display:none!important}
@media(prefers-reduced-motion:no-preference){html[data-gronn-effects=on] :is(.workspace-nav-link,.control-btn,.zoom-btn,.orbit-theme-choice){transition:background .18s,border-color .18s,transform .16s}html[data-gronn-effects=on] :is(.workspace-nav-link,.control-btn,.zoom-btn,.orbit-theme-choice):active{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.gl-aurora g,.orbit-wave-line{animation:none!important}}
@media(max-width:680px){.orbit-theme-options,.orbit-controls-grid{grid-template-columns:1fr}.orbit-theme-choice{grid-template-columns:64px 1fr;column-gap:12px}.orbit-theme-preview{grid-row:span 2}.orbit-theme-choice small{grid-column:2}.orbit-controls-grid{gap:16px}}
}