.screen-root{--screen-max-width:960px}.device-glow{background:var(--device-glow);filter:blur(60px);animation:7s ease-in-out infinite screen-glow-breathe;inset:-10% -10% -6%}@keyframes screen-glow-breathe{0%,to{opacity:.85}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.device-glow{opacity:.92;animation:none}}.window-frame{z-index:1;width:100%;max-width:var(--screen-max-width);aspect-ratio:var(--window-aspect);border-radius:var(--screen-window-radius);border:1px solid var(--screen-hairline-strong);background:var(--screen-bg);margin-inline:auto;position:relative;box-shadow:0 30px 60px -24px #0000008c,0 10px 24px -10px #0006}.window-titlebar{height:var(--screen-titlebar-h);background:var(--screen-titlebar-bg);border-bottom:1px solid var(--screen-titlebar-border)}.window-title{font-family:var(--screen-font);color:var(--screen-ink-faint);font-size:11px;font-weight:500}.traffic-lights{left:var(--screen-traffic-inset);gap:var(--screen-traffic-gap)}.traffic-light{width:var(--screen-traffic-size);height:var(--screen-traffic-size);box-shadow:inset 0 1px 0 var(--screen-traffic-highlight), inset 0 0 0 .5px var(--screen-traffic-ring);border-radius:50%}.traffic-light-close{background:var(--screen-traffic-close)}.traffic-light-minimize{background:var(--screen-traffic-minimize)}.traffic-light-zoom{background:var(--screen-traffic-zoom)}.screen-sidebar{background:var(--screen-panel);border-right:1px solid var(--screen-hairline-strong);width:200px;color:var(--screen-ink-2);font-size:12px}.screen-nav-item{color:var(--screen-ink-2)}.screen-nav-item-active{color:var(--screen-ink);background:var(--screen-raised);position:relative}.screen-nav-item-active:before{content:"";background:var(--screen-brand-text);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.screen-content{background:var(--screen-bg)}