.menubar{height:var(--menubar-height);z-index:var(--z-menubar);font-family:var(--font-ui);font-size:var(--text-ui);color:var(--ink);-webkit-user-select:none;user-select:none;background:linear-gradient(#fffefa 0%,#f7f3e8 45%,#efe9d9 100%);border-bottom:1px solid #c9bfa5;justify-content:space-between;align-items:center;padding:0 8px 0 4px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:inset 0 -1px #fffdf6,0 1px #07505a2e,0 2px 6px #062a331f}.menubar-left{align-items:center;gap:1px;min-width:0;display:flex}.menubar-right{align-items:center;gap:8px;display:flex}.menubar-station-button{background:var(--title-active);color:#fff;cursor:default;text-shadow:1px 1px #043a42b3;border:1px solid #07505a;border-radius:12px;align-items:center;gap:7px;height:24px;padding:0 9px 0 8px;display:flex;box-shadow:inset 0 1px #ffffff80,0 1px 2px #062a3340}.menubar-station-button:hover{filter:brightness(1.08)}.menubar-station-button:active{filter:brightness(.92)}.station-call{font-family:var(--font-title);letter-spacing:1px;font-size:13px;font-weight:700}.station-frequency{color:#fff1c4;font-size:11px}.on-air-indicator{letter-spacing:.8px;text-transform:uppercase;color:#ffe2d6;text-shadow:none;background:#03282e73;border-radius:8px;align-items:center;gap:4px;padding:1px 6px 1px 4px;font-size:10px;font-weight:700;display:flex}.on-air-led{background:radial-gradient(circle at 35% 35%,#ffd0c4,#ff3a24 55%,#a8140a);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite on-air-pulse;display:block;box-shadow:0 0 5px #ff5a3c}@keyframes on-air-pulse{0%,to{opacity:1;box-shadow:0 0 6px #ff5a3c}50%{opacity:.45;box-shadow:0 0 1px #ff5a3c}}.menubar-divider{border-left:1px solid #c9bfa5;border-right:1px solid #fff;width:2px;height:18px;margin:0 6px}.menubar-slogan{font-family:var(--font-title);color:var(--ink-soft);white-space:nowrap;font-size:12px;font-style:italic}.menu-container{position:relative}.menubar-menu-button{height:24px;color:var(--ink);font-size:var(--text-ui);cursor:default;background:0 0;border:1px solid #0000;border-radius:3px;padding:0 9px}.menubar-menu-button:hover{background:linear-gradient(#f2fbfb,#d3eeee);border-color:#7fb9bd}.menubar-menu-button.active{border-color:var(--accent-deep);background:var(--accent);color:#fff}.dropdown-menu{min-width:190px;box-shadow:var(--shadow-menu);z-index:calc(var(--z-menubar) + 10);background:#fff;border:1px solid #6f9fa3;padding:2px;animation:.1s ease-out dropdown-in;position:absolute;top:calc(100% + 3px);left:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu:before{content:"";pointer-events:none;background:linear-gradient(90deg,#f3faf9,#dcefee);width:26px;position:absolute;top:2px;bottom:2px;left:2px}.menu-item{width:100%;height:24px;color:var(--ink);text-align:left;cursor:default;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;padding:0 18px 0 0;font-size:12px;display:flex;position:relative}.menu-item:hover,.menu-item:focus-visible{border-color:var(--accent-deep);background:var(--accent);color:#fff;outline:none}.menu-item-gutter{flex-shrink:0;justify-content:center;align-items:center;width:26px;margin-right:8px;display:flex}.menu-item-gutter img{image-rendering:auto}.menu-item-label{flex:1}.menu-divider{background:#c9dcdc;height:1px;margin:3px 2px 3px 34px;position:relative}.menubar-chat-button{cursor:default;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;width:28px;height:24px;padding:0;display:flex}.menubar-chat-button img{image-rendering:auto;transition:transform .22s var(--ease-pop)}.menubar-chat-button:hover{background:linear-gradient(#f2fbfb,#d3eeee);border-color:#7fb9bd}.menubar-chat-button:hover img{transform:rotate(-8deg)translateY(-1px)}@media (max-width:900px){.menubar-slogan{display:none}}@media (max-width:600px){.on-air-indicator,.station-frequency{display:none}}@media (prefers-reduced-motion:reduce){.on-air-led,.dropdown-menu{animation:none}}
.window{background:var(--frame-active);border:1px solid var(--frame-outline);border-radius:var(--radius-window)var(--radius-window)0 0;font-family:var(--font-ui);font-size:var(--text-ui);color:var(--ink);box-shadow:inset 1px 0 0 #ffffff4d,inset -1px 0 0 #0000002e,inset 0 -1px 0 #00000038,var(--shadow-window);flex-direction:column;padding:0 3px 3px;display:flex;position:absolute}.window.unfocused{background:var(--frame-inactive);border-color:#6fa3a6;box-shadow:inset 1px 0 #fff6,0 4px 14px #062a332e}.window.dragging{cursor:default}.window-titlebar{height:var(--titlebar-height);border-radius:calc(var(--radius-window) - 1px)calc(var(--radius-window) - 1px)0 0;background:var(--title-active);color:#fff;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;margin:0 -3px;padding:0 4px 0 7px;display:flex;box-shadow:inset 0 1px #ffffff8c,inset 1px 0 #ffffff40,inset -1px 0 #0000001f}.window-titlebar.unfocused{background:var(--title-inactive);color:#f4fbfb}.titlebar-left{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.titlebar-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.titlebar-icon img{image-rendering:auto;width:16px;height:16px;display:block}.titlebar-title{font-family:var(--font-title);white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px #043a42bf;font-size:13px;font-weight:700;overflow:hidden}.window-titlebar.unfocused .titlebar-title{text-shadow:none;color:#fff}.titlebar-buttons{z-index:20;flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}.titlebar-button{color:#fff;cursor:default;background:linear-gradient(#8fe3e5 0%,#3dbcc4 30%,#1aa3ad 55%,#1597a1 80%,#2ab0b8 100%);border:1px solid #fff;border-radius:3px;justify-content:center;align-items:center;width:21px;height:21px;padding:0;display:flex;box-shadow:inset -1px -1px #033c4459,inset 1px 1px #ffffff73,0 0 0 1px #04464e40}.titlebar-button svg{filter:drop-shadow(0 1px #03323a59);display:block}.titlebar-button:hover{background:linear-gradient(#b6f0f1 0%,#5fd0d6 30%,#2ab8c2 55%,#1fa9b3 80%,#43c6cd 100%)}.titlebar-button:active{background:linear-gradient(#0d6f78 0%,#138893 50%,#1a9aa4 100%);box-shadow:inset 1px 1px 2px #0006}.titlebar-button.close{background:linear-gradient(#ffb48f 0%,#f7845a 30%,#ef6337 55%,#e2552b 80%,#f4774c 100%);box-shadow:inset -1px -1px #781e0859,inset 1px 1px #ffffff73,0 0 0 1px #78280a40}.titlebar-button.close:hover{background:linear-gradient(#ffcdb3 0%,#ff9b72 30%,#f8774a 55%,#ec6538 80%,#ff8c60 100%)}.titlebar-button.close:active{background:linear-gradient(#a83a14 0%,#c8481c 50%,#d9562a 100%);box-shadow:inset 1px 1px 2px #0006}.window-titlebar.unfocused .titlebar-button{color:#7fb0b2;box-shadow:none;background:linear-gradient(#f2f9f9 0%,#cde6e6 100%);border-color:#ffffffe6}.window-titlebar.unfocused .titlebar-button svg{filter:none}.window-content{background:var(--paper);min-height:0;color:var(--ink);padding:var(--space-3);border:1px solid #0a6670;flex:1;overflow:auto;box-shadow:inset 1px 1px #0000000f}.window.unfocused .window-content{border-color:#84b4b6}.window.resizing{-webkit-user-select:none;user-select:none}.resize-handle{z-index:10;position:absolute}.resize-n{cursor:ns-resize;height:6px;top:-3px;left:8px;right:8px}.resize-s{cursor:ns-resize;height:6px;bottom:-3px;left:8px;right:8px}.resize-e{cursor:ew-resize;width:6px;top:8px;bottom:8px;right:-3px}.resize-w{cursor:ew-resize;width:6px;top:8px;bottom:8px;left:-3px}.resize-ne{cursor:nesw-resize;width:12px;height:12px;top:-3px;right:-3px}.resize-nw{cursor:nwse-resize;width:12px;height:12px;top:-3px;left:-3px}.resize-se{cursor:nwse-resize;width:14px;height:14px;bottom:-3px;right:-3px}.resize-sw{cursor:nesw-resize;width:12px;height:12px;bottom:-3px;left:-3px}:is(.window-content:has(.paint-window),.window-content:has(.gallery-window)){flex-direction:column;padding:0;display:flex;overflow:hidden}
.desktop-icon{cursor:default;-webkit-user-select:none;user-select:none;width:84px;font-family:var(--font-ui);outline:none;flex-direction:column;align-items:center;gap:3px;padding:3px 2px;display:flex;position:absolute}.desktop-icon-image{width:48px;height:48px;transition:transform .26s var(--ease-pop);position:relative}.desktop-icon-image img{image-rendering:auto;pointer-events:none;width:48px;height:48px;display:block}.desktop-icon-image:after{content:"";opacity:0;-webkit-mask:var(--icon-url)center/48px 48px no-repeat;-webkit-mask:var(--icon-url)center/48px 48px no-repeat;mask:var(--icon-url)center/48px 48px no-repeat;pointer-events:none;background:#0b6f7a;position:absolute;inset:0}.desktop-icon:hover .desktop-icon-image{transform:translateY(-3px)}.desktop-icon:active .desktop-icon-image{transition-duration:80ms;transform:translateY(0)scale(.96)}.desktop-icon-label{color:#fff;text-align:center;overflow-wrap:break-word;text-shadow:1px 1px 1px #031e26e6,0 0 4px #031e268c;-webkit-line-clamp:2;border-radius:2px;-webkit-box-orient:vertical;max-width:100%;padding:1px 4px 2px;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.desktop-icon.selected .desktop-icon-image:after{opacity:.42}.desktop-icon.selected .desktop-icon-label{background:var(--accent);text-shadow:none}.desktop-icon.selected .desktop-icon-label,.desktop-icon:focus-visible .desktop-icon-label{-webkit-line-clamp:unset;z-index:2;position:relative}.desktop-icon:focus-visible .desktop-icon-label{outline-offset:0;outline:1px dotted #fff}.desktop-icon.dragging{z-index:1000;opacity:.7}.desktop-icon.dragging .desktop-icon-image{transition:none;transform:none}@media (prefers-reduced-motion:reduce){.desktop-icon-image{transition:none}.desktop-icon:hover .desktop-icon-image{transform:none}}.desktop-icon.selected{z-index:5}
.desktop{z-index:2;font-family:var(--font-ui);font-size:var(--text-ui);color:var(--ink);background:0 0;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.desktop-area{top:var(--menubar-height);left:0;right:0;bottom:var(--taskbar-height);z-index:var(--z-desktop);background:0 0;position:absolute;overflow:hidden}.desktop-icons{z-index:1;pointer-events:none;position:absolute;inset:0}.desktop-icons .desktop-icon{pointer-events:auto}.window-placeholder{height:100%;color:var(--ink-soft);justify-content:center;align-items:center;display:flex}.selection-rect{pointer-events:none;z-index:10;background:#bfeeee52;border:1px solid #07505ad9;position:absolute}@media (max-width:768px){.desktop-icons .desktop-icon.station-icon{display:none}}