/* XP.css Luna chrome, with site-specific Explorer, taskbar and application layouts. */
:root{font-family:Tahoma,'Trebuchet MS',Arial,sans-serif;color-scheme:light}body{font-family:Tahoma,Arial,sans-serif}button{min-width:0;min-height:0;box-shadow:none}#office{color:white}#monitor{border-radius:0}#monitor:hover,#monitor:active{background:linear-gradient(135deg,#0357bfdd,#179bff99)}.office-bottom button{background:#092038d9;color:white;padding:8px 12px}.screen-popup{border-radius:0}#desktop{background:#427aba url('assets/bliss.jpg') center/cover no-repeat;color:#111}.desktop-note{z-index:1;right:23px;top:28px;width:180px;padding:14px;font:13px/1.5 'Comic Sans MS',cursive;transform:rotate(2deg)}.desktop-note b{font:700 11px Tahoma}.desktop-note p{margin:10px 0 0}#icons{top:16px;left:12px;grid-template-rows:repeat(6,91px);grid-auto-columns:104px;gap:7px}.desktop-icon{width:104px;font:12px/1.25 Tahoma;color:white;text-shadow:1px 1px 2px #000;background:transparent!important;box-shadow:none!important;border:1px solid transparent;border-radius:0;padding:4px;gap:6px;min-height:85px}.desktop-icon:hover,.desktop-icon:focus{border:1px dotted #fff;background:#184f9c55!important}.desktop-icon span{max-width:100%}.folder-icon{width:38px;height:38px;object-fit:contain;filter:none}.taskbar{height:36px;padding:0;gap:7px;background:linear-gradient(#3168d6 0%,#4993eb 9%,#245dd9 18%,#245edb 83%,#174bba 100%);border-top:1px solid #458ce6;z-index:1000}.taskbar button{border:0}.taskbar #start-button{width:108px;flex-shrink:0;height:36px;border-radius:0 12px 12px 0;font:italic 700 21px Tahoma;color:white;text-shadow:1px 2px #234d20;display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(#82b780 0%,#398c3a 20%,#3a903e 65%,#216323 100%);box-shadow:inset 0 2px 3px #ffffff99,inset -3px 0 5px #183b1e88}.taskbar #start-button:hover,.taskbar #start-button[aria-expanded=true]{filter:brightness(1.17)}.win-mark{font-style:normal;color:#fff;display:block;width:26px;height:26px;object-fit:contain}#tasks{height:100%;align-items:center;min-width:0;padding:2px 0}#tasks button{display:flex;align-items:center;gap:5px;background:#3980e8;border:1px solid #144bc0;box-shadow:inset 1px 1px #70a7f8;color:white;border-radius:3px;flex:1;max-width:210px;text-align:left;height:28px;min-width:50px;padding:4px 7px;font-size:11px}#tasks button.active{background:#1645a1;box-shadow:inset 1px 1px 3px #092b7e}#tasks img{width:16px;height:16px}.tray{height:100%;display:flex;align-items:center;gap:5px;padding:0 10px;background:linear-gradient(#1b93ee,#0b9cf3 12%,#118bd9 90%,#126bc2);border-left:1px solid #0b58ba;color:white;box-shadow:inset 1px 1px #52c2ff} .tray .sound-toggle{background:none;border:0;font-size:10px;padding:2px;height:24px;color:white}#clock{font:11px Tahoma;padding:0 4px;white-space:nowrap}.window{padding:0 3px 3px;border:1px solid #0831d9;background:#0055e9;box-shadow:2px 3px 12px #0007;border-radius:8px 8px 0 0;height:440px;min-height:200px;min-width:270px}.window>.title-bar{min-height:31px;padding:3px 3px 3px 5px;cursor:move;touch-action:none;border-radius:7px 7px 0 0;margin:0 -2px;background:linear-gradient(#0058ee,#3593ff 5%,#0264ee 15%,#004cdb 87%,#003fc0);flex-shrink:0;display:flex;justify-content:space-between}.title-bar-text{font:700 13px Tahoma;display:flex;align-items:center;gap:5px;text-shadow:1px 1px #003692;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:white}.title-bar-text img{width:16px;height:16px}.title-bar-controls{display:flex;gap:2px}.title-bar-controls button{min-width:21px;min-height:21px;padding:0}.window .menubar{display:flex;gap:0;background:#ece9d8;border-bottom:1px solid #d5d1bd;height:25px;align-items:center;padding:0 5px;flex-shrink:0}.menubar button{background:transparent;border:1px solid transparent;border-radius:0;padding:3px 7px;box-shadow:none;color:#111;font:11px Tahoma}.menubar button:hover{background:#316ac5;color:white}.explorer-toolbar{background:#ece9d8;display:flex;gap:6px;align-items:center;padding:5px 8px;border-bottom:1px solid #d4d0c8;flex-shrink:0}.explorer-toolbar button{background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:5px;padding:2px 6px;font:12px Tahoma;color:#222}.explorer-toolbar button:hover{border-color:#aaa;background:#f6f4e9}.explorer-toolbar button:disabled{opacity:.45}.explorer-toolbar img{width:24px;height:24px}.explorer-toolbar .toolbar-divider{height:25px;width:1px;background:#c8c4b4}.address{display:flex;align-items:center;gap:6px;background:#ece9d8;padding:3px 5px;font:11px Tahoma;color:#222;border-bottom:1px solid #aaa;height:27px;flex-shrink:0}.address span{color:#777}.address input{flex:1;min-width:0;font:11px Tahoma;padding:2px 5px;height:20px;background:white;border:1px solid #7f9db9}.window-body{padding:0;background:white;min-height:0;flex:1;overflow:auto;margin:0;display:block}.explorer-layout{display:flex;min-height:100%;font:12px Tahoma}.explorer-sidebar{width:150px;flex-shrink:0;background:linear-gradient(#7da4e9,#6375d6);padding:12px 9px}.explorer-sidebar section{background:#d6dff7;margin-bottom:14px;border-radius:4px;overflow:hidden}.explorer-sidebar h3{font:700 11px Tahoma;padding:7px 9px;margin:0;background:linear-gradient(90deg,white,#c4d4f7);color:#245195}.explorer-sidebar p,.explorer-sidebar button{font:11px/1.5 Tahoma;margin:0;padding:8px 9px;color:#254c8b}.explorer-sidebar button{border:0;box-shadow:none;background:none;text-align:left;width:100%}.explorer-sidebar button:hover{text-decoration:underline}.explorer-main{flex:1;padding:16px;min-width:0}.file-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));align-content:start;gap:12px}.file-row{display:flex;flex-direction:column;text-align:center;gap:8px;border:1px solid transparent;padding:12px 5px;background:transparent;box-shadow:none;color:#111;font:12px Tahoma}.file-row:hover,.file-row:focus{background:#e7effd;border:1px solid #a9bfe0}.file-row .folder-icon{width:42px;height:42px}.file-row small{font:10px Tahoma;color:#888}.window-footer{padding:3px 6px;background:#ece9d8;border-top:1px solid #aaa;color:#333;font:11px Tahoma;height:22px;flex-shrink:0}.window.maximized{top:0!important;left:0!important;width:100%!important;height:calc(100% - 36px)!important;border-radius:0}.empty{font:12px/1.6 Tahoma;margin:35px auto;color:#888}.empty b{font-size:13px;font-weight:400;color:#666}.document{padding:22px;font:13px/1.6 Tahoma}.document h2{font:700 21px Tahoma}.notepad-content{padding:15px 17px;font:14px/1.65 'Lucida Console','Courier New',monospace;min-height:100%;white-space:normal}.notepad-content h2{font:700 16px 'Courier New';margin:0 0 18px}.notepad-content p{margin:8px 0}.notepad-content .links-grid{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:14px 0}.notepad-content .links-grid a{background:transparent;color:#0000c0;padding:0;border:0;text-decoration:underline;font:14px/1.5 'Courier New'}.notepad-content .ca{border:0;border-top:1px dashed #aaa;padding:13px 0;margin:15px 0}.notepad-content .ca button{color:#111;background:#ece9d8;border:1px solid #888;padding:4px 10px;font:12px Tahoma}.notepad-content .muted{font-size:11px;color:#777}.notepad-content textarea{width:100%;height:70px;border:0;box-shadow:none;resize:vertical;font:14px/1.6 'Courier New';padding:0;background:white}.desktop-note{font-size:13px}#start-menu{position:absolute;bottom:36px;left:0;width:390px;max-width:100vw;z-index:1100;background:#2e7ad5;border:2px solid #1760b6;border-radius:7px 7px 0 0;box-shadow:4px 0 15px #0006;color:white}#start-menu header{display:flex;align-items:center;gap:12px;height:65px;padding:10px;background:linear-gradient(#1660bc,#2c85e0);font:bold 17px Tahoma;text-shadow:1px 1px #12467f}.user-avatar{background:#eee5ba;border:2px solid white;border-radius:5px;color:#467682;width:43px;height:43px;display:grid;place-items:center;font:bold 22px Georgia}.start-columns{display:grid;grid-template-columns:1.2fr 1fr;background:white;min-height:260px}.start-columns>div{padding:8px}.start-columns .start-right{background:#d3e5fa;border-left:1px solid #b0cbe5}.start-columns button{display:flex;align-items:center;gap:8px;text-align:left;width:100%;padding:10px 5px;border:0;box-shadow:none;border-radius:0;background:none;color:#111;font:12px Tahoma;min-height:40px}.start-columns button:hover{background:#316ac5;color:white}.start-columns img,.start-symbol{width:32px;height:32px;object-fit:contain;font-size:28px}.start-columns small{display:block;font:10px Tahoma;color:#888;margin-top:4px}.start-columns button:hover small{color:white}.start-columns hr{border:0;border-top:1px solid #d4d4ca}.help-symbol{display:grid;place-items:center;border-radius:50%;background:#247bd5;color:white;width:30px;height:30px;font:bold 22px Georgia}#start-menu footer{padding:11px 15px;font:11px Tahoma}.browser-bar{display:flex;gap:8px;padding:8px;background:#ece9d8;font:12px Tahoma;align-items:center}.browser-bar input{flex:1;min-width:0;height:25px}.browser-bar button{padding:4px 10px}.browser-home{max-width:450px;margin:32px auto;padding:20px;text-align:center;font:13px/1.6 Tahoma}.browser-home img{width:55px}.browser-home h2{font-size:24px;color:#2455a0}.browser-home a{color:#164b9a}.vlc-stage{background:#121212;min-height:180px;display:grid;place-items:center;position:relative;height:calc(100% - 146px)}.vlc-stage>img{width:80px}.vlc-stage video{width:100%;height:100%;max-height:350px;background:#000}.vlc-empty{display:flex;flex-direction:column;align-items:center;color:#ccc;font-size:12px;gap:14px}.vlc-empty img{width:75px}.vlc-controls{background:#eee;padding:8px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#222;min-height:68px}.vlc-controls input[type=range]{width:90px;margin:0}.vlc-controls .seek{width:100%;height:15px}.vlc-controls button{padding:3px 9px;font:13px Arial}.vlc-controls output{font:11px monospace;margin-right:auto}.vlc-list{margin:0;padding:5px 10px;background:#fff;font-size:11px}.vlc-list button{display:block;width:100%;text-align:left;border:0;box-shadow:none;background:#fff;padding:6px}.vlc-list button:hover{background:#d7e8fb}.vlc-upload{font:11px Tahoma;display:flex;align-items:center;gap:8px;padding:8px;background:#ece9d8}.vlc-upload input{max-width:190px;font:10px Tahoma}.code-view{background:white;color:#1e3346;padding:20px;overflow:auto;white-space:pre;font:12px/1.6 Consolas,monospace;margin:0;min-height:100%}.schematic{width:100%;min-width:420px}.gallery{padding:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.gallery figure{cursor:pointer}.gallery img{height:140px;object-fit:cover;background:#edf0f5}.gallery button{padding:0;border:1px solid #ddd;background:white}.image-view{width:100%;height:100%;object-fit:contain;background:#171717}.window[data-id=player] .window-body{background:#111;overflow:auto}.window[data-id=player]{height:480px}.window[data-id=notepad]{width:430px;height:445px}#toast{font:12px Tahoma;border-radius:4px;background:#fffce0;border:1px solid #5d5d5d;color:#111}.menu-popup{position:absolute;top:57px;left:8px;z-index:3;background:#ece9d8;border:1px solid #888;box-shadow:2px 2px 5px #0004;padding:4px;min-width:130px}.menu-popup button{display:block;width:100%;text-align:left;border:0;background:none;box-shadow:none;padding:6px 12px;font:12px Tahoma}.menu-popup button:hover{background:#316ac5;color:white}@media(max-width:700px){#icons{grid-template-rows:repeat(3,95px);grid-auto-columns:100px;gap:5px}.desktop-note{display:none}.window,.window[data-id=notepad]{left:3%!important;top:65px!important;width:94%!important;height:calc(100dvh - 125px)!important}.window[data-id=classified]{top:30px!important;height:calc(100dvh - 100px)!important}.window .explorer-sidebar{display:none}.window-body .explorer-main{padding:15px}.taskbar #start-button{width:82px;font-size:19px}#tasks button{max-width:140px;font-size:10px}.tray{padding:0 3px}.tray .sound-toggle{font-size:9px;max-width:42px;white-space:normal}#clock{font-size:10px;padding:0 3px}.notepad-content{font-size:13px;padding:12px}.notepad-content .links-grid a{font-size:13px}.office-bottom button{font:12px Arial}.explorer-toolbar{gap:2px}.explorer-toolbar button{padding:2px;font-size:11px}.title-bar-text{font-size:12px}.window.maximized{top:0!important;height:calc(100dvh - 36px)!important;width:100%!important;left:0!important}}