@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap";:root{--xp-blue: #245edb;--xp-blue-dark: #1234a5;--xp-blue-light: #3f8cf3;--xp-green: #3c813c;--xp-orange: #ff8a00;--taskbar-bg: linear-gradient(to bottom, #245edb 0%, #3f8cf3 9%, #245edb 18%, #245edb 92%, #1941a5 100%);--start-bg: linear-gradient(to bottom, #388238 0%, #46ac46 3%, #46ad46 6%, #41a541 10%, #3e9a3e 14%, #3d943d 19%, #388638 78%, #368236 84%, #347c34 90%, #2f712f 96%, #296229 100%);--title-bg: linear-gradient(to right, #0058e6 0%, #4186ff 20%, #4186ff 80%, #0058e6 100%);--window-bg: #ece9d8}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Tahoma,"MS Sans Serif",sans-serif;overflow:hidden;height:100vh;background:#000}.xp-container{height:100vh;display:flex;flex-direction:column}.xp-boot-wrapper{background:#000;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.xp-logo{text-align:center;margin-bottom:60px}.ms-text{font-size:14px;opacity:.8;margin-bottom:5px}.main-logo{font-size:56px;font-weight:700}.main-logo span{color:#ff8a00;margin-left:8px;font-style:italic}.boot-loader{width:180px;height:14px;border:2px solid #aaa;padding:1px;position:relative;overflow:hidden}.loader-chunks{display:flex;gap:3px;height:100%;animation:bootSlide 1.5s infinite linear}.l-chunk{width:10px;height:100%;background:linear-gradient(to bottom,#245edb,#3f8cf3,#245edb)}@keyframes bootSlide{0%{transform:translate(-40px)}to{transform:translate(180px)}}.desktop{flex:1;position:relative;background-size:cover;background-position:center;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,100px);grid-template-rows:repeat(auto-fill,100px);grid-auto-flow:column;gap:15px}.desktop-icon{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.desktop-icon .icon-wrapper{margin-bottom:5px;transition:transform .1s}.desktop-icon:hover .icon-wrapper{transform:scale(1.1)}.desktop-icon span{font-size:11px;max-width:90px}.mobile .desktop-icon{gap:8px}.mobile .desktop-icon span{font-size:12px}.xp-taskbar{height:34px;background:var(--taskbar-bg);display:flex;align-items:center;z-index:10000}.start-btn{height:100%;background:var(--start-bg);color:#fff;display:flex;align-items:center;gap:8px;padding:0 15px;font-weight:700;font-style:italic;font-size:16px;cursor:pointer;border-top-right-radius:10px;border-bottom-right-radius:12px;box-shadow:2px 0 5px #0000004d;margin-right:10px}.taskbar-instances{flex:1;display:flex;gap:4px;padding:0 5px;overflow:hidden}.task-instance{height:26px;background:var(--xp-blue);color:#fff;display:flex;align-items:center;padding:0 10px;font-size:11px;border-radius:2px;cursor:pointer;max-width:160px;border:1px solid rgba(255,255,255,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-instance.active{background:var(--xp-blue-dark);box-shadow:inset 1px 1px 2px #0006}.task-instance.mobile-back{background:var(--xp-orange);font-weight:700}.taskbar-tray{background:#09adff;height:100%;display:flex;align-items:center;padding:0 10px;gap:8px;border-left:1px solid rgba(0,0,0,.2);min-width:80px}.tray-clock{color:#fff;font-size:12px;font-weight:700}.start-menu{position:absolute;bottom:34px;left:0;width:380px;background:#fff;border:4px solid var(--xp-blue);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex-direction:column;z-index:9999}.start-menu-header{background:var(--title-bg);padding:10px 15px;display:flex;align-items:center;gap:12px;color:#fff;font-weight:700}.user-avatar{width:42px;height:42px;background:#fff;border-radius:4px;border:2px solid white}.start-menu-body{display:grid;grid-template-columns:1.2fr 1fr}.menu-left{background:#fff;padding:10px;border-right:1px solid #ddd}.menu-right{background:#d3e5fa;padding:10px}.menu-item{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;border-radius:4px}.menu-item:hover{background:#245edb;color:#fff}.menu-item-content{display:flex;flex-direction:column}.menu-item-sub{font-size:10px;opacity:.7}.menu-sep{height:1px;background:#ddd;margin:8px 0}.start-menu-footer{background:var(--title-bg);padding:10px;display:flex;justify-content:flex-end;gap:20px}.xp-window{position:absolute;background:var(--window-bg);border:3px solid #0058e6;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex-direction:column;box-shadow:10px 10px 20px #00000080;overflow:hidden}.xp-window.mobile-max{position:fixed;top:0!important;left:0!important;width:100vw!important;height:calc(100vh - 34px)!important;border:none;border-radius:0;box-shadow:none}.window-bar{height:28px;background:var(--title-bg);display:flex;align-items:center;padding:0 10px;color:#fff;cursor:move;font-weight:700;flex-shrink:0}.window-actions{display:flex;gap:3px;margin-left:auto}.win-btn{width:21px;height:21px;border:1px solid white;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer}.win-btn-close{background:linear-gradient(135deg,#e76c49,#c42005)}.win-inner{flex:1;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:0}.browser-shell{height:100%;display:flex;flex-direction:column;width:100%;min-height:0}.browser-toolbar{background:#ece9d8;padding:5px;border-bottom:1px solid #999;flex-shrink:0}.address-bar{display:flex;align-items:center;gap:5px}.address-bar input{flex:1;padding:3px 5px;border:1px solid #7f9db9;font-size:12px;outline:none}.browser-content{flex:1;position:relative;width:100%;background:#fff;min-height:0}.browser-content iframe{border:none;width:100%;height:100%;display:block}.explorer-layout{display:flex;height:100%;background:#fff;width:100%;overflow:hidden}.explorer-side{width:200px;background:#7ba3e7;padding:10px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;overflow-y:auto}.side-card{background:#fff;border-radius:4px;padding:8px;box-shadow:1px 1px 2px #0000001a}.side-title{color:#215dc6;font-weight:700;font-size:11px;margin-bottom:5px}.side-link{color:#215dc6;font-size:11px;cursor:pointer;margin-bottom:3px}.side-link:hover{text-decoration:underline}.explorer-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.explorer-nav{background:#f0f0f0;border-bottom:1px solid #ccc;padding:4px 8px;font-size:11px;display:flex;align-items:center;gap:10px;flex-shrink:0}.explorer-view{flex:1;padding:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-auto-rows:80px;gap:15px;overflow-y:auto;align-content:start}.explorer-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;cursor:pointer;width:80px}.explorer-item span{font-size:11px;word-break:break-all}.tm-container{height:100%;display:flex;flex-direction:column;background:#ece9d8;padding:0;width:100%;overflow:hidden}.tm-tabs{display:flex;gap:2px;padding:4px 5px 0;border-bottom:1px solid #999;flex-shrink:0}.tm-tab{padding:4px 12px;background:#ece9d8;border:1px solid #999;border-bottom:none;font-size:11px;cursor:pointer;border-radius:3px 3px 0 0}.tm-tab.active{background:#fff;margin-bottom:-1px}.tm-content{flex:1;padding:10px;display:grid;grid-template-columns:130px 1fr;gap:10px;overflow:hidden}.tm-stats-left{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.tm-gauge-card{background:#f8f8f8;border:1px solid #999;padding:8px;display:flex;flex-direction:column;align-items:center}.tm-gauge-label{font-size:10px;font-weight:700;margin-bottom:4px}.tm-gauge-box{width:40px;height:100px;background:#000;position:relative;border:1px solid #666}.tm-gauge-fill{width:100%;position:absolute;bottom:0;transition:height .3s ease-out}.tm-graph-container{background:#000;border:1px solid #666;flex:1;min-height:0}.widgets-tray{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:15px;width:180px;pointer-events:none;z-index:500}.mobile .widgets-tray{top:0;right:0;bottom:34px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:200px;padding:20px;box-shadow:-2px 0 10px #00000080}.widgets-tray>*{pointer-events:auto}.xp-widget{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.3);overflow:hidden;color:#fff}.widget-title{background:#0003;padding:4px 10px;font-size:10px;font-weight:700;text-transform:uppercase}.widget-body{padding:10px}.clippy-container{position:absolute;bottom:50px;right:220px;display:flex;flex-direction:column;align-items:flex-end;z-index:1000;pointer-events:none}.clippy-container *{pointer-events:auto}.clippy-bubble{background:#ffc;border:1px solid black;padding:12px;border-radius:12px;font-size:12px;color:#000;max-width:180px;margin-bottom:5px;position:relative;box-shadow:4px 4px #0000001a}.clippy-bubble:after{content:"";position:absolute;bottom:-11px;right:20px;border-width:11px 11px 0 0;border-style:solid;border-color:#ffffcc transparent transparent}.clippy-avatar{background:#fbbf24;padding:10px;border-radius:50%;border:2px solid #b45309;box-shadow:0 4px 10px #0003;cursor:pointer}.paint-container{display:flex;height:100%;width:100%;overflow:hidden}.paint-tools{width:50px;background:#ece9d8;border-right:1px solid #999;padding:5px;display:flex;flex-direction:column;gap:5px;flex-shrink:0}.paint-canvas-area{flex:1;background:gray;display:flex;align-items:center;justify-content:center;overflow:auto}.paint-canvas{background:#fff;box-shadow:2px 2px 5px #0000004d;image-rendering:pixelated;cursor:crosshair}.bsod-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#00a;color:#fff;z-index:100000;padding:50px;font-family:Courier New,monospace;display:flex;flex-direction:column;gap:20px}.bsod-header{background:#fff;color:#00a;display:inline;padding:0 10px}@media(max-width:767px){.desktop{grid-template-columns:repeat(auto-fill,80px);grid-template-rows:repeat(auto-fill,80px)}.desktop-icon span{max-width:70px;font-size:10px}.start-menu{width:100%!important;border:none;border-radius:0;bottom:34px;height:auto}.start-menu-body{grid-template-columns:1fr}.task-instance{max-width:100px}}.context-menu{position:fixed;background:#f0f0f0;border:1px solid #7f9db9;box-shadow:2px 2px 4px #0006;padding:2px;z-index:20000;min-width:160px;font-family:Tahoma,sans-serif}.context-menu-item{padding:4px 20px 4px 25px;cursor:pointer;font-size:11px;color:#000;white-space:nowrap}.context-menu-item:hover{background:#316ac5;color:#fff}.context-menu-sep{height:1px;background:#aca899;margin:3px 2px}