.os-window{background:var(--os-win-bg);border:3px solid var(--os-outline);border-radius:var(--os-win-radius);box-shadow:var(--os-win-shadow);z-index:10;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) both os-window-open;display:flex;position:relative;overflow:hidden}@keyframes os-window-open{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.os-window--page{width:min(1200px,94vw);height:calc(100% - 2rem);max-height:calc(100vh - var(--os-menubar-height) - var(--os-dock-height) - 40px);animation:.3s cubic-bezier(.16,1,.3,1) both os-window-open-page;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:768px){.os-window--page{resize:both;min-width:400px;min-height:300px;overflow:hidden}}@keyframes os-window-open-page{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.os-window--welcome{width:min(620px,88vw);max-height:calc(100vh - var(--os-menubar-height) - var(--os-dock-height) - 80px)}.os-window--maximized{border-radius:4px;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;max-height:none!important;top:4px!important;left:4px!important;right:4px!important;transform:none!important}.os-window--maximized .os-window__titlebar{border-radius:4px 4px 0 0}.os-window--dragged{animation:none!important;transform:none!important}.os-window--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;transition:none!important;animation:none!important;transform:none!important}.os-window--minimized{opacity:0!important;pointer-events:none!important;transition:opacity .25s,scale .25s!important;scale:.9!important}.os-window--restoring{animation:.25s cubic-bezier(0,0,.2,1) both os-window-restore!important}@keyframes os-window-restore{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.os-window__titlebar{background:var(--os-win-titlebar);-webkit-user-select:none;user-select:none;cursor:grab;flex-shrink:0;align-items:center;height:36px;padding:0 12px;display:flex;position:relative}.os-window__titlebar:active{cursor:grabbing}.os-window__controls{z-index:1;align-items:center;gap:8px;display:flex}.os-window__btn{border:2px solid var(--os-btn-traffic-border,var(--os-outline));cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;display:flex;position:relative}.os-window__btn:before{content:"";position:absolute;inset:-15px}.os-window__btn:after{opacity:0;color:#0000008c;font-size:8px;line-height:1;transition:opacity 80ms}.os-window__btn--close{background:var(--os-traffic-close)}.os-window__btn--close:after{content:"×";font-size:10px}.os-window__btn--minimize{background:var(--os-traffic-minimize)}.os-window__btn--minimize:after{content:"–";font-size:9px}.os-window__btn--maximize{background:var(--os-traffic-maximize)}.os-window__btn--maximize:after{content:"□";font-size:7px}.os-window__controls:hover .os-window__btn:after{opacity:1}.os-window__title{font-family:var(--os-font-pixel);color:var(--os-win-titlebar-text);white-space:nowrap;text-overflow:ellipsis;text-align:center;pointer-events:none;text-transform:uppercase;letter-spacing:.5px;max-width:50%;font-size:8px;font-weight:400;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.os-window__toolbar{font-family:var(--os-font-mono);background:#f4f4f4;border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:flex}.os-window__toolbar-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:12px}.os-window__toolbar-btn:hover{color:#333;background:#0000000f}.os-window__toolbar-btn:disabled{opacity:.3;cursor:default}.os-window__toolbar-breadcrumb{color:#595959;align-items:center;gap:6px;font-size:12px;display:flex}.os-window__toolbar-breadcrumb a{color:#595959;border-radius:3px;padding:2px 4px;text-decoration:none}.os-window__toolbar-breadcrumb a:hover{color:var(--os-accent);background:#0000000a}.os-window__toolbar-breadcrumb .sep{color:#999;font-size:12px}.os-window__content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.os-window__content::-webkit-scrollbar{width:8px}.os-window__content::-webkit-scrollbar-track{background:0 0}.os-window__content::-webkit-scrollbar-thumb{background:#0000001f padding-box padding-box;border:2px solid #0000;border-radius:4px}.os-window__content::-webkit-scrollbar-thumb:hover{background:#0003 padding-box padding-box}.os-window__back{width:44px;height:44px;color:var(--os-win-titlebar-text);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin:-10px 0 -10px -10px;font-size:14px;display:none}.os-window__back:hover{opacity:1;background:#ffffff1a}@media (max-width:991.98px){.os-window--page{width:97vw}}@media (min-width:768px) and (max-width:991.98px){.os-desktop__layer:has(.os-window--page,.os-window--welcome) .os-widget-area{display:none}.os-desktop__layer:has(.os-window--page) .os-icons{display:none}}@media (max-width:767.98px){.os-desktop__layer:has(.os-window--page,.os-window--welcome){overflow:hidden}.os-desktop__layer:has(.os-window--page,.os-window--welcome) .os-widget-note--ad{display:none}.os-window--page,.os-window--welcome{box-shadow:none;-webkit-overflow-scrolling:touch;border:none;border-radius:0;animation:none;display:block;position:absolute;overflow-y:auto;width:100%!important;height:100%!important;max-height:none!important;top:0!important;left:0!important;transform:none!important}.os-window--page .os-window__titlebar,.os-window--welcome .os-window__titlebar{z-index:10;position:sticky;top:0}.os-window--page .os-window__toolbar,.os-window--welcome .os-window__toolbar{z-index:9;position:sticky;top:36px}.os-window--page .os-window__content,.os-window--welcome .os-window__content{padding-bottom:var(--os-dock-height);min-height:0;overflow-y:visible}}@media (min-width:1400px){.os-window--page{width:min(1320px,92vw)}}
