@import url(https://fonts.googleapis.com/css2?family=Tahoma&family=MS+Sans+Serif&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#3a6ea5;font-family:Tahoma,"MS Sans Serif",sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{height:16px;width:16px}::-webkit-scrollbar-track{background:#d4d0c8;border:1px solid grey}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#dfdfdf 0,#d8d8d8 50%,#d0d0d0);border:1px outset #fff}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#e0e0e0 0,#dadada 50%,#d4d4d4)}::-webkit-scrollbar-button{background:#d4d0c8;border:1px outset #fff;height:16px;width:16px}::-webkit-scrollbar-button:vertical:decrement{background:#d4d0c8 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="M8 4l-4 4h8z"/></svg>') 50% no-repeat}::-webkit-scrollbar-button:vertical:increment{background:#d4d0c8 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="M8 12l-4-4h8z"/></svg>') 50% no-repeat}*{scrollbar-color:#d0d0d0 #d4d0c8;scrollbar-width:auto}.address-input,.code-textarea,.xp-input,.xp-textarea,input[type=date],input[type=email],input[type=number],input[type=text],input[type=time],textarea{-webkit-user-select:text!important;user-select:text!important}.flex-container{display:flex}.grid-container{display:grid}.transform{transform:translate(0)}.transition{transition:all .3s ease}.rounded{border-radius:4px}.shadow{box-shadow:0 2px 4px #0003}button,input,select,textarea{-webkit-appearance:none;appearance:none}::placeholder{color:#999;opacity:1}.blur{filter:blur(5px)}.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clip-path{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.start-menu-overlay{right:0;top:0;z-index:9998}.start-menu,.start-menu-overlay{bottom:40px;left:0;position:fixed}.start-menu{animation:slideUp .2s ease-out;background:linear-gradient(180deg,#245edb 0,#3f8cf3 9%,#245edb 18%);border-color:#0831d9 #0831d9 #041d70 #041d70;border-radius:8px 8px 0 0;border-style:solid;border-width:3px;box-shadow:3px 3px 10px #00000080;width:400px;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.start-menu-header{align-items:center;background:linear-gradient(90deg,#5edb5e 0,#2da42d);border-bottom:2px solid #1d7a1d;border-radius:5px 5px 0 0;display:flex;gap:12px;padding:12px 16px}.user-icon{background:#0003;border:2px solid #ffffff4d;border-radius:4px;color:#fff;font-size:32px;padding:8px}.user-name{color:#fff;font-size:18px;font-weight:700;text-shadow:2px 2px 3px #00000080}.start-menu-content{background:#fff;display:flex}.start-menu-left{background:linear-gradient(180deg,#f4f6f9 0,#d5dde6);border-right:1px solid #b8c5d6;flex:1 1;padding:8px 0}.start-menu-right{background:#d3e5fa;padding:8px 0;width:180px}.start-menu-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:6px 16px;position:relative;transition:background .1s}.start-menu-item:hover{background:linear-gradient(90deg,#3d8eeb 0,#2573d6);color:#fff}.start-menu-item:hover .item-icon{filter:brightness(1.2)}.item-icon{font-size:20px;text-align:center;width:24px}.item-label{flex:1 1;font-family:Tahoma,sans-serif;font-size:12px}.pinned-programs{margin-bottom:4px}.start-menu-divider{background:linear-gradient(90deg,#0000,#b8c5d6 20%,#b8c5d6 80%,#0000);height:1px;margin:4px 8px}.all-programs-trigger{font-weight:700}.arrow{font-size:10px;margin-left:auto}.start-menu-footer{background:linear-gradient(180deg,#5491ea 0,#3f8cf3 50%,#245edb);border-radius:0 0 5px 5px;border-top:2px solid #0831d9}.start-menu-footer .start-menu-item{color:#fff;font-weight:700;padding:10px 16px}.start-menu-footer .start-menu-item:hover{background:linear-gradient(90deg,#6aa1f0 0,#4d9af0)}.taskbar{background:linear-gradient(180deg,#245edb 0,#3f8cf3 9%,#245edb 18%,#1941a5 92%,#1941a5);border-top:1px solid #0831d9;bottom:0;box-shadow:inset 0 1px 0 #ffffff4d;height:40px;left:0;padding:0 2px;position:fixed;right:0;z-index:10000}.start-button,.taskbar{align-items:center;display:flex}.start-button{background:linear-gradient(180deg,#5edb5e 0,#3cc13c 50%,#2da42d 51%,#5edb5e);border:1px outset #fff;border-radius:0 6px 6px 0;box-shadow:2px 2px 4px #0000004d;color:#fff;cursor:pointer;font-family:Tahoma,sans-serif;font-size:13px;font-weight:700;gap:4px;height:33px;margin-right:4px;padding:0 12px 0 8px;text-shadow:1px 1px 1px #00000080}.start-button:hover{background:linear-gradient(180deg,#6eec6e 0,#4cd14c 50%,#3db43d 51%,#6eec6e)}.start-button:active{border:1px inset #888;box-shadow:inset 1px 1px 2px #0000004d}.start-icon{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5));font-size:18px}.taskbar-divider{background:linear-gradient(90deg,#1941a5,#3f8cf3,#1941a5);height:32px;margin:0 4px;width:2px}.taskbar-windows{display:flex;flex:1 1;gap:4px;overflow-x:auto;overflow-y:hidden;padding:0 4px}.taskbar-windows::-webkit-scrollbar{display:none}.taskbar-window{align-items:center;background:linear-gradient(180deg,#1f52ba 0,#2866d7 10%,#1f52ba 90%,#1941a5);border:1px outset #ffffff4d;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-family:Tahoma,sans-serif;font-size:11px;gap:6px;height:32px;max-width:200px;min-width:140px;padding:0 8px;text-shadow:1px 1px 1px #00000080}.taskbar-window:hover{background:linear-gradient(180deg,#2862ca 0,#3876e7 10%,#2862ca 90%,#2051b5)}.taskbar-window.active{background:linear-gradient(180deg,#ece9d8 0,#ece9d8 50%,#d6d0b8);border:1px inset #888;box-shadow:inset 1px 1px 2px #0003;color:#000;text-shadow:none}.system-tray{background:linear-gradient(180deg,#0d7cf6 0,#19bcf3 9%,#0d7cf6 18%,#0a60d6 92%,#0a60d6);border:1px inset #ffffff4d;border-radius:2px;gap:8px;height:32px;margin-left:4px;padding:0 8px}.system-tray,.tray-icons{align-items:center;display:flex}.tray-icons{gap:6px}.tray-icon{border-radius:2px;cursor:pointer;font-size:14px;padding:2px 4px;transition:background .1s}.tray-icon:hover{background:#fff3}.clock{border-left:1px solid #ffffff4d;color:#fff;font-family:Tahoma,sans-serif;font-size:11px;font-weight:700;padding:0 4px;text-shadow:1px 1px 1px #00000080}.desktop-icons{left:0;padding:10px;position:absolute;top:0;z-index:1}.desktop-icon{align-items:center;border:1px solid #0000;cursor:pointer;display:flex;flex-direction:column;left:10px;padding:8px;position:absolute;transition:background .1s;width:75px}.desktop-icon:hover{background:#ffffff1a;border:1px dotted #ffffff80}.desktop-icon:active{background:#fff3}.icon-image{color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));font-size:42px;margin-bottom:4px;text-shadow:2px 2px 4px #00000080}.icon-label{word-wrap:break-word;color:#fff;font-size:11px;font-weight:700;max-width:100%;text-align:center;text-shadow:1px 1px 2px #000,-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000}.xp-window{background:#fff;border-color:#0831d9 #0831d9 #041d70 #041d70;border-radius:8px 8px 0 0;border-style:solid;border-width:3px;box-shadow:4px 4px 10px #00000080;display:flex;flex-direction:column;min-height:300px;min-width:400px;overflow:hidden;position:absolute;z-index:100}.xp-window.active{border-color:#0831d9 #0831d9 #041d70 #041d70;z-index:1000}.xp-window:not(.active){border-color:#7a96df #7a96df #5a76bf #5a76bf}.xp-window:not(.active) .window-titlebar{background:linear-gradient(180deg,#7a96df 0,#5a76bf)}.window-titlebar{align-items:center;background:linear-gradient(180deg,#0997ff 0,#0053ee 3%,#0050ee 6%,#0b56e4 10%,#1463e7 14%,#166fe8 19%,#0d66e3 24%,#0d62df 49%,#135bdd 51%,#1355d8 77%,#1351d4 81%,#144dd0 85%,#1349cb 88%,#1246c7 92%,#0e3ec1 95%,#0b36bc 97%,#062db6);border-bottom:1px solid #0831d9;border-radius:5px 5px 0 0;cursor:move;display:flex;justify-content:space-between;padding:4px 6px;-webkit-user-select:none;user-select:none}.titlebar-left{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.window-icon{color:#fff;flex-shrink:0;font-size:16px}.window-title{color:#fff;font-family:Tahoma,sans-serif;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 1px #00000080;white-space:nowrap}.window-controls{display:flex;flex-shrink:0;gap:2px}.control-button{align-items:center;background:linear-gradient(180deg,#f0f0f0 0,#d4d0c8);border-color:#fff #000 #000 #fff;border-radius:2px;border-style:solid;border-width:1px;cursor:pointer;display:flex;font-size:10px;height:21px;justify-content:center;padding:0;transition:all .1s;width:21px}.control-button:hover{background:linear-gradient(180deg,#f8f8f8 0,#e0e0e0)}.control-button:active{background:linear-gradient(180deg,#c8c8c8 0,#e0e0e0);border-color:#000 #fff #fff #000;transform:translateY(1px)}.control-button.minimize svg{color:#000;font-size:8px;margin-top:6px}.control-button.maximize svg{color:#000;font-size:10px}.control-button.close{background:linear-gradient(180deg,#ff6b6b 0,#dc3545);border-color:#f99 #a00 #a00 #f99}.control-button.close svg{color:#fff;font-size:11px;font-weight:700}.control-button.close:hover{background:linear-gradient(180deg,#f88 0,#f44)}.window-content{background:#fff;border:2px solid #ece9d8;border-top:1px solid #d4d0c8;flex:1 1;overflow:auto}.resize-handle{background:#0000;position:absolute}.resize-right{bottom:0;cursor:ew-resize;right:0;top:0;width:5px}.resize-bottom{bottom:0;cursor:ns-resize;height:5px;left:0;right:0}.resize-corner{bottom:0;cursor:nwse-resize;height:15px;right:0;width:15px}.xp-window.maximized,.xp-window.maximized .window-titlebar{border-radius:0}.news-card{background:#fff;border-color:#fff grey grey #fff;border-style:solid;border-width:2px;box-shadow:2px 2px 4px #0003;cursor:pointer;transition:all .2s}.news-card:hover{border-color:#0054e3 #0054e3 #003cb0 #003cb0;box-shadow:3px 3px 6px #0000004d;transform:translateY(-2px)}.news-card:active{border-color:grey #fff #fff grey;transform:translateY(0)}.news-card-header{background:linear-gradient(135deg,#667eea,#764ba2);height:160px;overflow:hidden;position:relative}.news-card-image{height:100%;object-fit:cover;transition:transform .3s;width:100%}.news-card:hover .news-card-image{transform:scale(1.05)}.news-card-category{background:#0054e3;border:1px solid #fff;box-shadow:2px 2px 4px #0000004d;color:#fff;font-size:10px;font-weight:700;padding:4px 12px;position:absolute;right:8px;text-transform:uppercase;top:8px}.news-card-body{padding:12px}.news-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:navy;display:-webkit-box;font-size:14px;font-weight:700;line-height:1.4;margin:0 0 8px;overflow:hidden}.news-card-description{color:#333;font-size:11px;line-height:1.5;margin:0 0 12px}.news-card-footer{align-items:center;border-top:1px solid #d4d0c8;color:#666;display:flex;font-size:10px;justify-content:space-between;padding-top:8px}.news-card-date,.news-card-source{align-items:center;display:flex;gap:4px}.news-detail{background:#fff;display:flex;flex-direction:column;height:100%}.news-detail-toolbar{align-items:center;background:linear-gradient(180deg,#f0f0f0 0,#e0e0e0);border-bottom:2px solid #d4d0c8;display:flex;justify-content:space-between;padding:8px}.xp-button{align-items:center;display:flex;gap:6px;padding:4px 12px}.news-detail-content{flex:1 1;overflow-y:auto;padding:20px}.news-detail-header{margin-bottom:24px}.news-detail-image{border:2px solid #d4d0c8;margin-bottom:16px;max-height:400px;object-fit:cover;width:100%}.news-detail-meta{background:linear-gradient(180deg,#f8f8f8 0,#e8e8e8);border:2px inset #d4d0c8;padding:16px}.news-badge{background:#0054e3;border:1px solid #003cb0;color:#fff;display:inline-block;font-size:10px;font-weight:700;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.news-detail-title{color:navy;font-size:24px;font-weight:700;line-height:1.4;margin:0 0 16px}.news-detail-info{color:#666;display:flex;font-size:12px;gap:24px}.info-item{align-items:center;display:flex;gap:6px}.news-detail-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 280px}.article-content{background:#fff;border:2px inset #d4d0c8;line-height:1.8;padding:20px}.lead-paragraph{border-bottom:2px solid #d4d0c8;color:#333;font-size:16px;font-weight:700;margin-bottom:24px;padding-bottom:16px}.article-text{color:#000;font-size:13px}.article-text p{margin-bottom:16px}.article-text h2,.article-text h3{color:navy;margin:24px 0 12px}.article-text img{border:1px solid #d4d0c8;height:auto;margin:16px 0;max-width:100%}.article-text a{color:#00f;text-decoration:underline}.article-text a:visited{color:purple}.xp-info-box{background:#ffc;border:2px solid #fc0;display:flex;gap:12px;margin:20px 0;padding:16px}.info-box-icon{flex-shrink:0;font-size:32px}.info-box-content h4{color:#000;font-size:14px;margin:0 0 8px}.info-box-content p{color:#333;font-size:12px;margin:0}.article-sidebar{display:flex;flex-direction:column;gap:16px}.xp-panel{background:#fff;border:2px outset #fff;box-shadow:2px 2px 4px #0003}.panel-title{background:linear-gradient(90deg,#0054e3 0,#0078d7);border-bottom:2px solid #003cb0;color:#fff;font-size:12px;font-weight:700;padding:6px 12px}.panel-content{padding:12px}.topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{background:linear-gradient(180deg,#f0f0f0 0,#d4d0c8);border:1px outset #fff;cursor:pointer;display:inline-block;font-size:11px;padding:4px 10px;transition:all .1s}.topic-tag:hover{background:linear-gradient(180deg,#e0e0e0 0,#c4c0b8)}.action-button{background:linear-gradient(180deg,#f0f0f0 0,#d4d0c8);border:2px outset #fff;cursor:pointer;font-family:Tahoma,sans-serif;font-size:11px;margin-bottom:6px;padding:8px;text-align:left;transition:all .1s;width:100%}.action-button:hover{background:linear-gradient(180deg,#f8f8f8 0,#e0e0e0)}.action-button:active{border-style:inset}@media (max-width:768px){.news-detail-body{grid-template-columns:1fr}}.news-sidebar{background:#f0f0f0;border-left:2px solid #d4d0c8;overflow-y:auto;padding:12px;width:260px}.sidebar-panel{background:#fff;border:2px outset #fff;box-shadow:2px 2px 4px #0003;margin-bottom:16px}.panel-header{align-items:center;background:linear-gradient(180deg,#f0f0f0 0,#d4d0c8);border-bottom:2px solid grey;display:flex;font-size:11px;font-weight:700;gap:8px;padding:6px 10px}.panel-icon{font-size:14px}.panel-title{flex:1 1}.panel-body{padding:10px}.trending-item{align-items:center;background:linear-gradient(180deg,#f8f8f8 0,#e8e8e8);border:1px solid #d4d0c8;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:6px 8px;transition:all .1s}.trending-item:hover{background:linear-gradient(180deg,#e0e0e0 0,#d0d0d0);border-color:#0054e3}.trending-tag{color:#00f;font-size:11px;font-weight:700}.trending-count{background:#fff;border:1px solid #d4d0c8;border-radius:10px;color:#666;font-size:10px;padding:2px 6px}.quick-link{align-items:center;background:linear-gradient(180deg,#f0f0f0 0,#d4d0c8);border:1px outset #fff;color:#000;cursor:pointer;display:flex;gap:10px;margin-bottom:4px;padding:8px;text-decoration:none;transition:all .1s}.quick-link:hover{background:linear-gradient(180deg,#e0e0e0 0,#c4c0b8)}.quick-link:active{border-style:inset}.link-label{font-family:Tahoma,sans-serif;font-size:11px}.tip-content{background:#ffc;border:1px solid #fc0;font-size:11px;line-height:1.5;padding:8px}.tip-content p{margin:0}.news-content{background:#fff;display:flex;flex-direction:column;height:100%}.news-header{background:linear-gradient(180deg,#f0f0f0 0,#e0e0e0);border-bottom:2px solid #d4d0c8;padding:4px}.news-tabs{display:flex;gap:2px}.news-tab{align-items:center;background:linear-gradient(180deg,#f0f0f0 0,#d4d0c8);border-color:#fff grey grey #fff;border-radius:3px 3px 0 0;border-style:solid;border-width:1px;cursor:pointer;display:flex;font-family:Tahoma,sans-serif;font-size:11px;gap:6px;padding:6px 16px;transition:all .1s}.news-tab:hover{background:linear-gradient(180deg,#f8f8f8 0,#e0e0e0)}.news-tab.active{background:#fff;border-color:grey #fff #fff grey;box-shadow:inset 1px 1px 2px #0000001a;font-weight:700}.tab-icon{font-size:14px}.news-body{display:flex;flex:1 1;overflow:hidden}.news-main{background:#fff;flex:1 1;overflow-y:auto;padding:16px}.loading-container{align-items:center;display:flex;height:100%;justify-content:center}.xp-loading{text-align:center}.loading-bar{background:#d4d0c8;border:2px inset grey;height:20px;margin:0 auto 12px;position:relative;width:200px}.loading-bar:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0054e3,#0078d7);content:"";height:100%;left:0;position:absolute;top:0;width:30%}.error-message{align-items:center;background:#fff5f5;border:2px solid #ff6b6b;border-radius:4px;display:flex;gap:12px;margin:16px;padding:16px}.news-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tool-container{margin:0 auto;max-width:1200px}.tool-header{background:linear-gradient(180deg,#f0f0f0 0,#e0e0e0);border:2px outset #fff;margin-bottom:16px;padding:16px}.tool-title{color:navy;font-size:18px;font-weight:700;margin:0 0 8px}.tool-description{color:#666;font-size:12px;margin:0}.tool-actions{background:linear-gradient(180deg,#f0f0f0 0,#e0e0e0);border:2px inset #d4d0c8;display:flex;gap:8px;margin-bottom:16px;padding:8px}.xp-button{background:linear-gradient(180deg,#f0f0f0 0,#d4d0c8);border:2px outset #fff;cursor:pointer;font-family:Tahoma,sans-serif;font-size:11px;font-weight:700;padding:6px 16px;transition:all .1s}.xp-button:hover{background:linear-gradient(180deg,#f8f8f8 0,#e0e0e0)}.xp-button:active{background:linear-gradient(180deg,#d4d0c8 0,#f0f0f0);border-style:inset}.xp-button.primary{background:linear-gradient(180deg,#4d90fe 0,#0054e3);border-color:#003cb0 #6da8ff #6da8ff #003cb0;color:#fff}.xp-button.primary:hover{background:linear-gradient(180deg,#5da0ff 0,#1064f3)}.xp-button.success{background:linear-gradient(180deg,#5edb5e 0,#2da42d);border-color:#1d7a1d #7eeb7e #7eeb7e #1d7a1d;color:#fff}.xp-error-box{align-items:center;background:#ffe0e0;border:2px solid red;display:flex;gap:12px;margin-bottom:16px;padding:12px}.error-icon{font-size:24px}.error-message{color:#c00;font-family:Tahoma,sans-serif;font-size:12px}.tool-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.tool-section{display:flex;flex-direction:column}.section-label{background:linear-gradient(90deg,#0054e3 0,#0078d7);border:1px solid #003cb0;color:#fff;font-size:11px;font-weight:700;margin-bottom:4px;padding:6px 10px}.xp-textarea{background:#fff;border:2px inset #d4d0c8;font-family:Courier New,monospace;font-size:12px;line-height:1.4;padding:8px;resize:vertical;width:100%}.xp-textarea.output{background:#f8f8f8}.xp-textarea:focus{outline:1px dotted #0054e3;outline-offset:-3px}.xp-input{background:#fff;border:2px inset #d4d0c8;font-family:Tahoma,sans-serif;font-size:12px;padding:6px 8px;width:100%}.xp-input:focus{outline:1px dotted #0054e3;outline-offset:-3px}.xp-info-panel{background:#ffc;border:2px solid #fc0;padding:16px}.info-panel-title{color:#000;font-size:12px;font-weight:700;margin-bottom:8px}.info-list{font-size:11px;line-height:1.6;margin:0;padding-left:20px}.info-list li{margin-bottom:4px}.xp-success-box{align-items:center;background:#e0ffe0;border:2px solid #0c0;display:flex;gap:12px;margin-bottom:16px;padding:12px}.success-icon{font-size:24px}.success-message{color:#080;font-family:Tahoma,sans-serif;font-size:12px}@media (max-width:768px){.tool-content{grid-template-columns:1fr}}.devtools-content{background:#fff;display:flex;height:100%}.devtools-sidebar{background:linear-gradient(180deg,#f0f0f0 0,#e0e0e0);border-right:2px solid #d4d0c8;display:flex;flex-direction:column;width:200px}.sidebar-header{align-items:center;background:linear-gradient(90deg,#0054e3 0,#0078d7);border-bottom:2px solid #003cb0;color:#fff;display:flex;font-size:12px;font-weight:700;gap:8px;padding:12px}.header-icon{font-size:16px}.tools-list{flex:1 1;overflow-y:auto;padding:8px}.tool-item{align-items:center;background:linear-gradient(180deg,#f0f0f0 0,#d4d0c8);border:2px outset #fff;cursor:pointer;display:flex;font-family:Tahoma,sans-serif;font-size:11px;gap:10px;margin-bottom:4px;padding:10px 12px;text-align:left;transition:all .1s;width:100%}.tool-item:hover{background:linear-gradient(180deg,#f8f8f8 0,#e0e0e0)}.tool-item.active{background:linear-gradient(180deg,#0054e3 0,#0078d7);border-style:inset;color:#fff;font-weight:700}.tool-icon{font-size:16px;text-align:center;width:20px}.devtools-main{background:#fff;flex:1 1;overflow-y:auto;padding:20px}.code-editor-content{background:#fff;display:flex;flex-direction:column;height:100%}.editor-toolbar{background:linear-gradient(180deg,#f0f0f0 0,#e0e0e0);border-bottom:2px solid #d4d0c8;flex-wrap:wrap;gap:12px;padding:8px}.editor-toolbar,.toolbar-section{align-items:center;display:flex}.toolbar-actions{display:flex;gap:4px;margin-left:auto}.xp-select{background:#fff;border:2px inset #d4d0c8;font-family:Tahoma,sans-serif;font-size:11px;padding:4px 8px}.xp-select:focus{outline:1px dotted #0054e3;outline-offset:-3px}.editor-templates{align-items:center;background:#f8f8f8;border-bottom:1px solid #d4d0c8;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.editor-container{grid-gap:2px;background:#d4d0c8;display:grid;flex:1 1;gap:2px;grid-template-columns:1fr 1fr;overflow:hidden}.editor-pane{background:#fff;display:flex;flex-direction:column;overflow:hidden}.pane-title{background:linear-gradient(90deg,#0054e3 0,#0078d7);border-bottom:2px solid #003cb0;color:#fff;font-size:11px;font-weight:700;padding:6px 12px}.code-textarea{background:#fff;border:none;color:#000;flex:1 1;font-family:Courier New,Consolas,monospace;font-size:14px;line-height:1.5;outline:none;overflow:auto;padding:16px;resize:none}.code-preview{background:#f8f8f8;flex:1 1;overflow:auto}.code-preview pre{height:100%;margin:0!important}.editor-stats{background:linear-gradient(180deg,#e0e0e0 0,#d4d0c8);border-top:2px solid grey;display:flex;font-family:Tahoma,sans-serif;font-size:10px;gap:16px;padding:6px 12px}.stat-item{display:flex;gap:4px}.stat-item strong{color:#0054e3}@media (max-width:768px){.editor-container{grid-template-columns:1fr}}.browser-content{background:#fff;display:flex;flex-direction:column;height:100%}.browser-toolbar{align-items:center;background:linear-gradient(180deg,#f0f0f0 0,#e0e0e0);border-bottom:2px solid #d4d0c8;display:flex;gap:8px;padding:6px}.nav-buttons{display:flex;gap:2px}.nav-buttons .xp-button{align-items:center;display:flex;height:28px;justify-content:center;padding:0;width:32px}.nav-buttons .xp-button:disabled{cursor:not-allowed;opacity:.5}.address-bar-form{flex:1 1}.address-bar{align-items:center;background:#fff;border:2px inset #d4d0c8;display:flex;gap:4px;padding:2px 4px}.address-icon{color:#666;font-size:12px;margin-left:4px}.address-input{background:#0000;border:none;flex:1 1;font-family:Tahoma,sans-serif;font-size:11px;outline:none;padding:4px 8px}.go-button{font-size:11px;height:24px;padding:4px 12px}.browser-body{display:flex;flex:1 1;overflow:hidden}.browser-sidebar{background:linear-gradient(180deg,#f0f0f0 0,#e0e0e0);border-right:2px solid #d4d0c8;overflow-y:auto;padding:8px;width:180px}.sidebar-title{background:linear-gradient(90deg,#0054e3 0,#0078d7);border:1px solid #003cb0;color:#fff;font-size:11px;font-weight:700;margin-bottom:8px;padding:8px}.quick-link-button{align-items:center;background:linear-gradient(180deg,#f0f0f0 0,#d4d0c8);border:2px outset #fff;cursor:pointer;display:flex;font-family:Tahoma,sans-serif;font-size:11px;gap:8px;margin-bottom:4px;padding:8px;text-align:left;transition:all .1s;width:100%}.quick-link-button:hover{background:linear-gradient(180deg,#f8f8f8 0,#e0e0e0)}.quick-link-button:active{border-style:inset}.link-icon{font-size:16px}.link-name{flex:1 1}.browser-main{background:#fff;flex:1 1;overflow:auto;padding:20px}.ie-notice{background:#ffc;border:2px solid #fc0;border-radius:4px;display:flex;gap:16px;padding:20px}.notice-icon{flex-shrink:0;font-size:32px}.notice-content{flex:1 1}.notice-content h3{color:#0054e3;font-size:16px;margin:0 0 12px}.notice-content p{font-size:12px;line-height:1.6;margin:0 0 8px}.resource-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px}.resource-card{align-items:center;background:#fff;border:2px outset #fff;color:#000;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:all .1s}.resource-card:hover{background:linear-gradient(180deg,#f8f8f8 0,#e0e0e0);border-color:#0054e3}.resource-card:active{border-style:inset}.resource-icon{font-size:32px}.resource-name{font-size:11px;font-weight:700;text-align:center}.browser-statusbar{background:linear-gradient(180deg,#e0e0e0 0,#d4d0c8);border-top:2px solid grey;display:flex;font-family:Tahoma,sans-serif;font-size:10px;gap:16px;padding:4px 8px}.status-item{align-items:center;border-right:1px solid grey;display:flex;gap:4px;padding:2px 8px}.status-item:last-child{border-right:none;margin-left:auto}.desktop{background-color:#3a6ea5;background-image:url(https://wallpapercave.com/wp/wp12370113.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw}.desktop:before{background:linear-gradient(135deg,#0000,#ffffff0d 50%,#0000);bottom:40px;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.startup-screen{align-items:center;animation:fadeIn .5s ease-in;background:#000;display:flex;height:100vh;justify-content:center;width:100vw}.startup-content{text-align:center}.windows-logo{grid-gap:8px;animation:logoFloat 2s ease-in-out infinite;display:grid;gap:8px;grid-template-columns:40px 40px;margin:0 auto 30px;width:88px}.logo-part{animation:logoPulse 2s ease-in-out infinite;border-radius:4px;height:40px;width:40px}.logo-part.red{animation-delay:0s;background:linear-gradient(135deg,#f65314,#e03c00)}.logo-part.green{animation-delay:.2s;background:linear-gradient(135deg,#7cbb00,#5e9c00)}.logo-part.blue{animation-delay:.4s;background:linear-gradient(135deg,#00a1f1,#0078d7)}.logo-part.yellow{animation-delay:.6s;background:linear-gradient(135deg,#fb0,#f90)}.windows-text{color:#fff;font-family:Tahoma,sans-serif;font-size:28px;font-weight:400;letter-spacing:2px;margin-bottom:40px}.loading-bar{background:#003;border:1px solid #006;border-radius:4px;height:8px;margin:0 auto 20px;overflow:hidden;width:300px}.loading-progress{animation:loading 2s ease-in-out infinite;background:linear-gradient(90deg,#0054e3,#0078d7);border-radius:4px;height:100%}.copyright{color:#999;font-size:12px;margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{width:0}50%{width:70%}to{width:100%}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes logoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.App{background:#3a6ea5 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><radialGradient id="xp-gradient"><stop offset="0%25" stop-color="%2375B2E7"/><stop offset="100%25" stop-color="%233A6EA5"/></radialGradient></defs><rect fill="url%28%23xp-gradient%29" width="200" height="200"/></svg>') 50%/cover;height:100vh;overflow:hidden;position:relative;width:100vw}
/*# sourceMappingURL=main.c9561b14.css.map*/