*{box-sizing:border-box}:root{font-family:Tahoma,'MS Sans Serif',Arial,sans-serif;font-size:14px;color:#000;background:#008080}body{margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border-radius:0;background:#c0c0c0;border:0;padding:7px 13px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}button:active,button.selected{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px #808080}button:focus-visible{outline:1px dotted #000;outline-offset:-5px}input,select{border-radius:0;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;padding:6px;min-width:0}input:focus-visible,select:focus-visible{outline:1px dotted #000;outline-offset:1px}img{image-rendering:pixelated}button img{pointer-events:none} [hidden]{display:none!important}
#desktop{height:calc(100dvh - 39px);position:relative;overflow:hidden;background-color:#008080}#icons{position:absolute;left:16px;top:20px;display:grid;grid-template-columns:90px;gap:20px}.desktop-icon{width:90px;min-height:74px;background:transparent;color:#fff;box-shadow:none;padding:4px 0;text-align:center;line-height:1.3;font-size:13px}.desktop-icon img{width:32px;height:32px;display:block;margin:0 auto 7px}.desktop-icon span{padding:2px 3px;display:inline-block;text-shadow:1px 1px #004040}.desktop-icon.selected-icon span{background:#000080;outline:1px dotted #fff}.desktop-icon:active{box-shadow:none}.desktop-icon.selected-icon img{filter:brightness(.8) sepia(.15)}.desktop-label{position:absolute;right:25px;bottom:22px;color:#003d3d;font:bold 30px Tahoma,sans-serif;letter-spacing:1px;pointer-events:none;user-select:none}.desktop-label span{display:block;font:12px monospace;letter-spacing:3px;margin-top:7px;text-align:right}
.window{position:absolute;background:#c0c0c0;padding:3px;box-shadow:inset -1px -1px #000,inset 1px 1px #dfdfdf,inset -2px -2px #808080,inset 2px 2px #fff;min-width:260px;max-width:calc(100% - 8px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column}.titlebar{display:flex;align-items:center;gap:3px;background:#808080;color:#c0c0c0;padding:3px;min-height:26px;touch-action:none;cursor:move;user-select:none;font-size:14px;font-weight:bold}.window.active .titlebar,.virus-window .titlebar{background:linear-gradient(90deg,#000080,#1084d0);color:white}.titlebar>img{width:16px;height:16px;margin-right:2px}.caption{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titlebar button{width:20px;height:20px;padding:0;display:grid;place-items:center;color:#000}.min-glyph{width:8px;height:2px;background:#000;transform:translateY(3px)}.max-glyph{width:10px;height:9px;border:1px solid #000;border-top:3px solid #000}.close-glyph{width:10px;height:10px;position:relative}.close-glyph:before,.close-glyph:after{content:'';position:absolute;left:4px;top:-1px;width:2px;height:12px;background:#000;transform:rotate(45deg)}.close-glyph:after{transform:rotate(-45deg)}.window-content{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}.window.maximized{left:2px!important;top:2px!important;width:calc(100% - 4px)!important;height:calc(100% - 4px)!important;max-height:none}.window.maximized .screen{height:min(65vh,650px)}.menubar{display:flex;gap:1px;padding:2px 0;margin-bottom:2px;border-bottom:1px solid #808080;box-shadow:0 1px white}.menubar button{background:transparent;box-shadow:none;padding:4px 9px;font-size:13px}.menubar button:hover{background:navy;color:white}.statusbar{border:1px solid;border-color:#808080 white white #808080;margin:4px 1px 1px;padding:4px 6px;font-size:12px;min-height:25px}.cctv-toolbar{display:flex;align-items:center;gap:8px;padding:8px}.cctv-toolbar select{flex:1;padding:4px;font-size:13px}.cctv-toolbar button{font-size:13px;padding:6px 10px}.screen{height:310px;background:#131313;position:relative;display:grid;place-items:center;overflow:hidden;margin:0 3px;border:2px inset #ddd}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px)}.screen video{width:100%;height:100%;position:absolute;object-fit:contain;background:black}.no-signal{text-align:center;font:13px monospace;letter-spacing:2px;color:#747474}.no-signal b{display:block;color:#b6b6b6;font-size:28px;font-weight:normal;letter-spacing:5px;margin:20px 0}.osd{position:absolute;left:13px;top:13px;font:13px monospace;color:#c0c0c0;z-index:2;text-shadow:1px 1px #000;pointer-events:none}.osd-bottom{top:auto;bottom:13px}.channel-buttons{display:flex;gap:8px;padding:10px}.channel-buttons button{flex:1;font-size:13px;min-height:32px}.channel-buttons button.selected{background:#d4d4d4;font-weight:bold}.setup{padding:12px;border-top:1px solid #808080}.setup label{display:block;margin:7px 0}.input-row{display:flex;gap:7px;align-items:stretch;margin:7px 0}.input-row input{flex:1;min-width:0}.setup input[type=file]{width:100%;font-size:13px;background:transparent;border:0;padding:5px 0}small{display:block;font-size:12px;line-height:1.5;color:#444;margin-top:8px}.investor-header{display:flex;gap:14px;align-items:center;padding:16px 13px 13px}.investor-header img{width:32px;height:32px}.investor-header b{display:block;font-size:20px;font-weight:normal}.investor-header span{display:block;font-size:12px;color:#444;margin-top:4px}.investor-body{padding:6px 13px 14px}.investor-body label{font-size:13px}.investor-body input{font:13px monospace}.investor-buttons{display:flex;gap:9px;margin-top:14px}.investor-buttons button{flex:1;min-height:37px;font-size:13px}.folder-address{padding:8px;display:flex;align-items:center;gap:10px;font-size:13px}.folder-address span{background:white;border:2px inset #ddd;padding:4px;flex:1;display:flex;align-items:center;gap:6px}.folder-address img{width:16px;height:16px}.folder-grid{background:white;border:2px inset #ddd;min-height:220px;padding:15px;display:flex;flex-wrap:wrap;gap:15px;align-content:flex-start}.empty-folder{width:100%;text-align:center;color:#777;padding:50px 15px;font-size:14px}.empty-folder small{color:#888}.file{background:none;box-shadow:none;width:100px;padding:5px;font-size:12px;overflow-wrap:anywhere}.file img{display:block;width:75px;height:65px;object-fit:contain;margin:auto auto 7px;image-rendering:auto}.file:hover,.file:focus{background:navy;color:white}.image-preview{background:#333;display:grid;place-items:center;min-height:260px}.image-preview img{width:100%;height:55vh;object-fit:contain;image-rendering:auto}.viewer-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px}.viewer-tools span{font-size:12px;overflow:hidden;text-overflow:ellipsis}.alert-body{display:flex;align-items:flex-start;gap:17px;padding:22px 18px 10px;line-height:1.5}.alert-body>img{width:32px;height:32px;flex-shrink:0;margin-top:3px}.alert-body p{margin:8px 0}.alert-actions{display:flex;justify-content:flex-end;gap:10px;padding:10px 18px 20px}.alert-actions button{min-width:90px}.control-heading{display:flex;gap:10px;align-items:center;padding:16px}.control-heading img{width:32px;height:32px}fieldset{margin:8px 14px 16px;padding:14px;border:2px groove white}fieldset label{display:block;margin:0 0 10px}.check-label{display:flex;align-items:flex-start;gap:8px;line-height:1.5}input[type=checkbox]{accent-color:navy;margin-top:4px}fieldset input[type=file]{max-width:100%;font-size:12px;background:none;border:0;padding:0}fieldset button{margin-top:12px}.settings-footer{text-align:right;padding:0 14px 14px}.settings-footer button{min-width:90px}.media-screen{margin:5px;background:#111;border:2px inset #ddd;height:270px;display:grid;place-items:center}.media-screen iframe{width:100%;height:100%;border:0}.media-idle{color:#aaa;display:flex;align-items:center;flex-direction:column;gap:13px}.media-idle img{width:48px;height:48px}.media-idle b{font-size:19px;font-weight:normal}.media-idle span{font-size:13px}.music-source{padding:10px}.music-source label{font-size:13px}.help-text{padding:16px;line-height:1.7}.help-text h3{margin-top:0;font-size:17px}
#taskbar{position:fixed;bottom:0;left:0;right:0;z-index:10000;height:39px;padding:3px;display:flex;align-items:center;gap:6px;background:#c0c0c0;box-shadow:inset 0 1px #dfdfdf,inset 0 2px #fff}#start{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:bold;height:31px;padding:3px 7px}#start img{width:22px;height:22px}.separator{height:29px;border-left:1px solid #808080;border-right:1px solid #fff}#tasks{flex:1;display:flex;gap:4px;min-width:0}.task{display:flex;align-items:center;gap:5px;max-width:190px;flex:1;min-width:35px;text-align:left;font-size:12px;height:30px;padding:4px 7px}.task img{width:16px;height:16px}.task span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task.selected{background:#dedede;font-weight:bold}#tray{height:29px;display:flex;align-items:center;border:1px solid;border-color:#808080 white white #808080;padding:0 4px;flex-shrink:0}#tray button{background:none;box-shadow:none;padding:4px;font-size:12px}#sound{display:flex;gap:3px;align-items:center}#sound img{width:16px;height:16px}#sound span{font-size:11px}#clock{min-width:47px}#start-menu{position:fixed;left:3px;bottom:38px;width:275px;z-index:10001;display:flex;background:#c0c0c0;padding:3px;box-shadow:inset -1px -1px black,inset 1px 1px white,inset -2px -2px #808080}.start-brand{writing-mode:vertical-rl;transform:rotate(180deg);background:#808080;color:#c0c0c0;font:bold 25px Arial;padding:10px 6px}.start-brand span{font-weight:normal;color:white;margin-top:4px}#start-items{flex:1}#start-items button{box-shadow:none;width:100%;display:flex;align-items:center;gap:12px;padding:11px 8px;text-align:left;font-size:14px}#start-items img{width:32px;height:32px}#start-items button:hover{background:navy;color:white}#start-items button:last-child{border-top:1px solid #808080;margin-top:3px}#toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);background:#ffffe1;border:1px solid black;padding:11px 16px;z-index:20000;box-shadow:2px 2px #0008;max-width:90%;line-height:1.4}
#virus-layer{position:absolute;inset:0;z-index:11000;background:#00808022}.virus-window{position:absolute;background:#c0c0c0;padding:3px;box-shadow:inset -1px -1px black,inset 1px 1px white,inset -2px -2px #808080,2px 2px #0005}.virus-body{display:flex;align-items:center;gap:15px;padding:12px 16px}.virus-body img{width:32px;height:32px;flex-shrink:0}.virus-body p{font-size:14px;line-height:1.4;min-height:38px}.virus-actions{text-align:center;padding:0 12px 15px}.virus-actions button{min-width:85px}.virus-close{font:bold 17px Arial!important}#virus-reset{position:fixed;bottom:50px;right:15px;z-index:25000;padding:10px 16px;font-weight:bold}#blue-screen{position:fixed;inset:0;background:#0000aa;color:#fff;z-index:23000;display:grid;place-items:center;padding:30px;font:18px/1.6 monospace}#blue-screen>div{max-width:800px}#blue-screen b{display:table;margin:0 auto 35px;background:#c0c0c0;color:#0000aa;padding:2px 10px;font-weight:normal}#blue-screen button{display:block;margin:35px auto 0;font:16px monospace}#shutdown{position:fixed;inset:0;background:black;color:#ef8e2f;z-index:30000;display:grid;place-items:center;text-align:center;font:22px monospace;padding:25px}#shutdown small{color:#b87336;margin:20px 0}#shutdown button{font:14px Tahoma}
@media(max-width:1100px) and (min-width:701px){.window[data-id=cctv]:not(.user-sized){width:55%!important;left:12%!important}.window[data-id=investor]:not(.user-sized){left:68%!important;width:31%!important;min-width:280px}.window[data-id=cctv] .screen{height:270px}}
@media(max-width:700px){#icons{left:10px;top:14px;grid-template-columns:repeat(4,minmax(64px,82px));gap:4px;width:calc(100% - 20px)}.desktop-icon{width:100%;font-size:12px;min-height:76px}.window:not(.user-sized){left:2%!important;top:112px!important;width:96%!important;max-height:calc(100dvh - 160px);max-width:none}.window.active{z-index:9999!important}.window.maximized{left:2px!important;top:2px!important;width:calc(100% - 4px)!important;height:calc(100% - 4px)!important;max-height:calc(100dvh - 43px)}.titlebar{min-height:30px}.titlebar button{width:25px;height:24px}.screen{height:230px}.cctv-toolbar{gap:5px;padding:7px}.cctv-toolbar>span{display:none}.cctv-toolbar button{font-size:12px}.osd{font-size:12px}.desktop-label{font-size:22px;right:18px}.desktop-label span{font-size:10px;letter-spacing:2px}.task{max-width:130px;padding:4px;gap:3px}.task span{font-size:11px}#taskbar{gap:3px}.separator{display:none}#sound span{display:none}#tray{padding:0}#clock{min-width:43px;font-size:11px!important}#start{font-size:14px;padding:3px 6px}.media-screen{height:225px}#blue-screen{font-size:14px;padding:20px}#virus-reset{right:8px;bottom:47px;font-size:12px}.image-preview img{height:40vh}.investor-header b{font-size:18px}.input-row button{padding:6px 9px}.input-row input{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#virus-layer{position:fixed;overflow:hidden}.virus-window{display:flex;flex-direction:column;box-sizing:border-box}.virus-video-screen{flex:1;min-height:0;background:#080808;display:grid;place-items:center;overflow:hidden;color:#c0c0c0;font:16px monospace;text-align:center}.virus-video-screen video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;image-rendering:auto;pointer-events:none}.virus-video-screen p{padding:18px}.virus-window .titlebar{flex-shrink:0}

.camera-playback{display:flex;align-items:center;gap:8px;padding:8px 5px}.camera-playback button{font-size:12px;padding:6px 8px;white-space:nowrap}.camera-playback input[type=range]{flex:1;min-width:45px;padding:0;accent-color:navy;touch-action:none}.camera-playback span{font:11px monospace;white-space:nowrap}.screen video{cursor:pointer}.camera-playback button:first-child{min-width:48px}@media(max-width:700px){.camera-playback{gap:5px}.camera-playback span{font-size:10px}.camera-playback button{padding:6px;font-size:11px}}

.resize-grip{position:absolute;right:3px;bottom:3px;width:16px;height:16px;padding:0;box-shadow:none;background:repeating-linear-gradient(135deg,transparent 0 3px,#808080 3px 4px,#fff 4px 5px);clip-path:polygon(100% 0,100% 100%,0 100%);cursor:nwse-resize;touch-action:none;z-index:3}.window.maximized .resize-grip{display:none}.window.user-sized .window-content{overflow:auto}.window[data-id=bin] .window-content{display:flex;flex-direction:column}.window[data-id=bin] .folder-grid{flex:1;min-height:0;overflow:auto}.window[data-id=bin] .menubar,.window[data-id=bin] .folder-address,.window[data-id=bin] .statusbar{flex-shrink:0}

.investor-buttons a{flex:1;text-align:center;text-decoration:none;color:#000;background:#c0c0c0;padding:10px 8px;font-size:13px;min-height:37px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}.investor-buttons a:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px #808080}.investor-buttons a:focus-visible{outline:1px dotted black;outline-offset:-5px}