.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{top:var(--os-menubar-height)!important;width:100vw!important;height:calc(100vh - var(--os-menubar-height))!important;resize:none!important;min-width:0!important;min-height:0!important;max-height:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}.os-window--maximized .os-window__titlebar{border-radius: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__titlebar{-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(90deg,#003a8c 0%,#1a73e8 100%);flex-shrink:0;align-items:center;gap:6px;height:28px;padding:4px 4px 4px 6px;font-family:Tahoma,MS Sans Serif,ui-monospace,SFMono-Regular,SF Mono,Cascadia Code,Fira Code,Menlo,Consolas,Liberation Mono,monospace;display:flex;position:relative}.os-window__titlebar:active{cursor:grabbing}.os-window__titlebar-icon{color:#fff;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.os-window__titlebar-icon:empty{background:#fff8b3;border:1px solid #d4c560;box-shadow:inset 0 -3px #0000000a}.os-window__titlebar-icon svg{width:100%;height:100%;display:block}.os-window__controls{z-index:1;flex-direction:row-reverse;order:99;align-items:center;gap:2px;margin-left:auto;display:flex}.os-window__btn{cursor:pointer;color:#111;background:#ece9d8;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;border-radius:0;justify-content:center;align-items:center;width:24px;height:22px;padding:0;font-family:Tahoma,sans-serif;font-weight:700;line-height:1;display:inline-flex;position:relative;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.os-window__btn:before{content:"";position:absolute;inset:-11px}.os-window__btn:hover{background:#e3c9bd}.os-window__btn:active{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.os-window__btn:focus-visible{outline-offset:-4px;outline:1px dotted #111}.os-window__btn--close:after{content:"×";font-size:18px;font-weight:700;line-height:1}.os-window__btn--maximize:after{content:"";box-sizing:border-box;background:0 0;border:1.5px solid #111;border-top-width:3px;width:11px;height:9px}.os-window__btn--disabled{pointer-events:none;color:gray;text-shadow:1px 1px #fff;opacity:.7}.os-window__title{color:#fff;text-shadow:1px 1px #0006;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;flex:1;min-width:0;font-family:Tahoma,MS Sans Serif,ui-monospace,SFMono-Regular,SF Mono,Cascadia Code,Fira Code,Menlo,Consolas,Liberation Mono,monospace;font-size:.78rem;font-weight:700;overflow:hidden}.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{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:22px;font-size:13px;display:none}.os-window__back:hover{opacity:1;background:#ffffff26}@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:28px}.os-window--page .os-window__content,.os-window--welcome .os-window__content{padding-bottom:var(--os-dock-height);min-height:0;overflow-y:visible}.os-window__btn--maximize{display:none}}@media (min-width:1400px){.os-window--page{width:min(1320px,92vw)}}body.os-fullscreen{--os-menubar-height:0px;--os-dock-height:0px}body.os-fullscreen .os-toolbar,body.os-fullscreen .os-dock,body.os-fullscreen .os-icons,body.os-fullscreen .os-widget-area{display:none!important}body.os-fullscreen .os-window--page,body.os-fullscreen .os-window--welcome{width:100vw!important;min-width:0!important;height:100vh!important;min-height:0!important;max-height:none!important;box-shadow:none!important;resize:none!important;border:none!important;border-radius:0!important;animation:none!important;position:fixed!important;inset:0!important;transform:none!important}body.os-fullscreen .os-window--page .os-window__titlebar,body.os-fullscreen .os-window--page .os-window__toolbar,body.os-fullscreen .os-window--welcome .os-window__titlebar,body.os-fullscreen .os-window--welcome .os-window__toolbar{display:none!important}body.os-fullscreen .os-window--page .os-window__content,body.os-fullscreen .os-window--welcome .os-window__content{height:100%;padding-bottom:0}
