:root{--win-bg: #c0c0c0;--win-fg: #000000;--win-inset-bg: #ffffff;--win-inset-fg: #000000;--win-border-hilite: #ffffff;--win-border-shadow: #808080;--win-border-dark: #0a0a0a;--win-border-light: #dfdfdf;--title-bg-start: #000080;--title-bg-end: #1084d0;--title-fg: #ffffff;--desktop-bg: #008080;--tree-line: #808080;--menu-disabled-fg: #808080;--selection-bg: #000080;--selection-fg: #ffffff;--link-color: #0000ee;--font-sans: "Tahoma", "Arial", sans-serif;--font-mono: "Courier New", Courier, monospace}html.theme-dark{--win-bg: #2d2d2d;--win-fg: #f0f0f0;--win-inset-bg: #181818;--win-inset-fg: #f0f0f0;--win-border-hilite: #4a4a4a;--win-border-shadow: #141414;--win-border-dark: #050505;--win-border-light: #3a3a3a;--title-bg-start: #1a2a4a;--title-bg-end: #2d4f8a;--title-fg: #ffffff;--desktop-bg: #142a2a;--tree-line: #4a4a4a;--menu-disabled-fg: #555555;--selection-bg: #2d4f8a;--selection-fg: #ffffff;--link-color: #58a6ff}@media (prefers-color-scheme: dark){html.theme-system{--win-bg: #2d2d2d;--win-fg: #f0f0f0;--win-inset-bg: #181818;--win-inset-fg: #f0f0f0;--win-border-hilite: #4a4a4a;--win-border-shadow: #141414;--win-border-dark: #050505;--win-border-light: #3a3a3a;--title-bg-start: #1a2a4a;--title-bg-end: #2d4f8a;--title-fg: #ffffff;--desktop-bg: #142a2a;--tree-line: #4a4a4a;--menu-disabled-fg: #555555;--selection-bg: #2d4f8a;--selection-fg: #ffffff;--link-color: #58a6ff}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--desktop-bg);color:var(--win-fg);overflow:hidden;height:100vh;width:100vw;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--win-bg);box-shadow:inset 1px 1px 0 var(--win-border-hilite);background-image:linear-gradient(45deg,var(--win-bg) 25%,transparent 25%),linear-gradient(-45deg,var(--win-bg) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--win-bg) 75%),linear-gradient(-45deg,transparent 75%,var(--win-bg) 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0px}::-webkit-scrollbar-thumb{background:var(--win-bg);box-shadow:inset 1px 1px 0 var(--win-border-hilite),inset -1px -1px 0 var(--win-border-dark),inset 2px 2px 0 var(--win-border-light),inset -2px -2px 0 var(--win-border-shadow)}::-webkit-scrollbar-button{background:var(--win-bg);width:16px;height:16px;box-shadow:inset 1px 1px 0 var(--win-border-hilite),inset -1px -1px 0 var(--win-border-dark),inset 2px 2px 0 var(--win-border-light),inset -2px -2px 0 var(--win-border-shadow)}.outset-border{box-shadow:inset 1px 1px 0 var(--win-border-hilite),inset -1px -1px 0 var(--win-border-dark),inset 2px 2px 0 var(--win-border-light),inset -2px -2px 0 var(--win-border-shadow)}.inset-border{box-shadow:inset 1px 1px 0 var(--win-border-dark),inset -1px -1px 0 var(--win-border-hilite),inset 2px 2px 0 var(--win-border-shadow),inset -2px -2px 0 var(--win-border-light)}.desktop{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;padding:10px;background-color:var(--desktop-bg)}.window{flex:1;display:flex;flex-direction:column;background-color:var(--win-bg);box-shadow:inset 1px 1px 0 var(--win-border-hilite),inset -1px -1px 0 var(--win-border-dark),inset 2px 2px 0 var(--win-border-light),inset -2px -2px 0 var(--win-border-shadow);padding:3px;min-height:0;max-width:1200px;width:100%;align-self:center}.title-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,var(--title-bg-start),var(--title-bg-end));padding:3px 4px;color:var(--title-fg);font-weight:700;font-size:13px;letter-spacing:.5px}.title-bar-text{display:flex;align-items:center;gap:6px}.title-bar-controls{display:flex;gap:2px}.control-btn{width:16px;height:14px;background-color:var(--win-bg);border:none;box-shadow:inset 1px 1px 0 var(--win-border-hilite),inset -1px -1px 0 var(--win-border-dark),inset 2px 2px 0 var(--win-border-light),inset -2px -2px 0 var(--win-border-shadow);position:relative;cursor:pointer}.control-btn:active{box-shadow:inset 1px 1px 0 var(--win-border-dark),inset -1px -1px 0 var(--win-border-hilite),inset 2px 2px 0 var(--win-border-shadow),inset -2px -2px 0 var(--win-border-light)}.minimize-btn:before{content:"";position:absolute;bottom:3px;left:3px;width:6px;height:2px;background-color:#000}.maximize-btn:before{content:"";position:absolute;top:3px;left:3px;width:8px;height:6px;border:1px solid #000;border-top-width:2px}.close-btn:before,.close-btn:after{content:"";position:absolute;top:2px;left:6px;width:2px;height:8px;background-color:#000}.close-btn:before{transform:rotate(45deg)}.close-btn:after{transform:rotate(-45deg)}html.theme-dark .minimize-btn:before,html.theme-dark .maximize-btn:before,html.theme-dark .close-btn:before,html.theme-dark .close-btn:after{background-color:var(--win-fg)}html.theme-dark .maximize-btn:before{border-color:var(--win-fg)}.menu-bar{display:flex;background-color:var(--win-bg);padding:2px 4px;border-bottom:1px solid var(--win-border-shadow);position:relative}.menu-item{position:relative;padding:2px 8px;font-size:12px;cursor:pointer}.menu-item:hover{background-color:var(--selection-bg);color:var(--selection-fg)}.menu-trigger{-webkit-user-select:none;user-select:none}.menu-hr{border:none;border-top:1px solid var(--win-border-shadow);border-bottom:1px solid var(--win-border-hilite);margin:4px 0}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--win-bg);box-shadow:inset 1px 1px 0 var(--win-border-hilite),inset -1px -1px 0 var(--win-border-dark),inset 2px 2px 0 var(--win-border-light),inset -2px -2px 0 var(--win-border-shadow);padding:3px;z-index:100;min-width:140px;color:var(--win-fg)}.menu-item.active .dropdown-menu{display:block}.dropdown-item{padding:4px 20px 4px 24px;font-size:12px;white-space:nowrap;position:relative;color:var(--win-fg)}.dropdown-item:hover:not(.disabled){background-color:var(--selection-bg);color:var(--selection-fg)}.dropdown-item.disabled{color:var(--menu-disabled-fg);cursor:default}.checkmark{position:absolute;left:6px;visibility:hidden}.dropdown-item.active-theme .checkmark{visibility:visible}.window-body{display:flex;flex:1;background-color:var(--win-bg);padding:4px;min-height:0;gap:4px}.sidebar-tree{width:250px;background-color:var(--win-inset-bg);color:var(--win-inset-fg);box-shadow:inset 1px 1px 0 var(--win-border-dark),inset -1px -1px 0 var(--win-border-hilite),inset 2px 2px 0 var(--win-border-shadow),inset -2px -2px 0 var(--win-border-light);overflow-y:auto;display:flex;flex-direction:column}.tree-header{font-size:11px;background-color:var(--win-bg);padding:4px 6px;font-weight:700;border-bottom:1px solid var(--win-border-shadow);box-shadow:inset 1px 1px 0 var(--win-border-hilite);color:var(--win-fg)}.tree-container{padding:8px;font-size:12px;flex:1}.tree-list{list-style:none;position:relative;padding-left:16px}.tree-container>.tree-list{padding-left:0}.tree-node{position:relative;margin:4px 0;white-space:nowrap}.tree-list:before{content:"";position:absolute;top:0;bottom:10px;left:6px;width:1px;border-left:1px dotted var(--tree-line)}.tree-container>.tree-list:before{display:none}.tree-node:before{content:"";position:absolute;top:10px;left:-10px;width:10px;height:1px;border-top:1px dotted var(--tree-line)}.tree-container>.tree-list>.tree-node:before{display:none}.tree-content{display:inline-flex;align-items:center;gap:4px;padding:2px 4px;color:inherit;text-decoration:none;cursor:pointer}.tree-content:hover{text-decoration:underline}.tree-content.active{background-color:var(--selection-bg);color:var(--selection-fg)!important;outline:1px dotted var(--win-border-shadow)}.tree-toggle{position:absolute;left:-15px;top:5px;width:9px;height:9px;background-color:var(--win-inset-bg);border:1px solid var(--tree-line);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;cursor:pointer;z-index:2;-webkit-user-select:none;user-select:none;line-height:9px;color:var(--win-inset-fg)}.content-area{flex:1;display:flex;flex-direction:column;min-width:0}.content-frame{flex:1;background-color:var(--win-inset-bg);color:var(--win-inset-fg);box-shadow:inset 1px 1px 0 var(--win-border-dark),inset -1px -1px 0 var(--win-border-hilite),inset 2px 2px 0 var(--win-border-shadow),inset -2px -2px 0 var(--win-border-light);overflow-y:auto;padding:16px 20px;-webkit-user-select:text;user-select:text}.content-frame h1{font-size:20px;margin-bottom:12px;border-bottom:2px solid var(--win-bg);padding-bottom:4px}.content-frame h2{font-size:16px;margin:16px 0 8px;border-bottom:1px solid var(--win-bg);padding-bottom:2px}.content-frame p{font-size:13px;line-height:1.5;margin-bottom:10px}.content-frame ul,.content-frame ol{margin:0 0 10px 20px;font-size:13px}.content-frame li{margin-bottom:4px}.content-frame pre{background-color:var(--win-bg);color:var(--win-fg);padding:10px;margin-bottom:12px;font-family:var(--font-mono);font-size:12px;overflow-x:auto;box-shadow:inset 1px 1px 0 var(--win-border-dark),inset -1px -1px 0 var(--win-border-hilite)}.content-frame code{font-family:var(--font-mono);font-size:12px;background-color:var(--win-bg);padding:1px 4px}.content-frame a{color:var(--link-color);text-decoration:underline}.content-frame hr{border:none;border-top:1px solid var(--win-border-shadow);border-bottom:1px solid var(--win-border-hilite);margin:16px 0}.window-divider{width:4px;background-color:var(--win-bg);box-shadow:inset 1px 0 0 var(--win-border-hilite),inset -1px 0 0 var(--win-border-shadow);cursor:col-resize}.status-bar{display:flex;margin-top:4px;gap:2px;font-size:11px;color:var(--win-fg)}.status-text{flex:1;background-color:var(--win-bg);padding:2px 6px;box-shadow:inset 1px 1px 0 var(--win-border-shadow),inset -1px -1px 0 var(--win-border-hilite)}.status-pane{width:90px;background-color:var(--win-bg);padding:2px 6px;box-shadow:inset 1px 1px 0 var(--win-border-shadow),inset -1px -1px 0 var(--win-border-hilite);text-align:center}.icon{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle}.icon-computer{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjEwIiBmaWxsPSIjYzBjMGMwIiBzdHJva2U9IiMwMDAiIC8+PHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIGZpbGw9IiMwMDAwODAiIC8+PHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjgiIGhlaWdodD0iNCIgZmlsbD0iIzNhNmVhNSIgLz48cGF0aCBkPSJNNiAxMWg0bDEgMkg1eiIgZmlsbD0iI2MwYzBjMCIgc3Ryb2tlPSIjMDAwIiAvPjxyZWN0IHg9IjEiIHk9IjEzIiB3aWR0aD0iMTQiIGhlaWdodD0iMyIgZmlsbD0iI2MwYzBjMCIgc3Ryb2tlPSIjMDAwIiAvPjxsaW5lIHgxPSIzIiB5MT0iMTQiIHgyPSI1IiB5Mj0iMTQiIHN0cm9rZT0iIzgwODA4MCIgLz48cmVjdCB4PSIxMiIgeT0iMTQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiMwMGZmMDAiIC8+PC9zdmc+)}.icon-folder{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMnYxMmgxNFY0SDdMNSAishMXoiIGZpbGw9IiNmZmQ3MDAiIHN0cm9rZT0iIzAwMCIgLz48cGF0aCBkPSJNMiA1aDEydjhoMTJ\ crappyLTJ2LTV6IiBmaWxsPSIjZmZlNGI1IiAvPjwvc3ZnPg==);background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M1 2v12h14V4H7L5 2H1z' fill='%23ffd700' stroke='%23000'/><path d='M2 5h12v8H2V5z' fill='%23ffe4b5'/></svg>")}.icon-folder-open{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M1 4v10h14V6H7L5 4H1z' fill='%23ffd700' stroke='%23000'/><path d='M1 6l2 7h12l-2-7H1z' fill='%23ffe4b5' stroke='%23000'/></svg>")}.icon-notepad,.icon-window-title{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMyIgeT0iMSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjE0IiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiM4MDgwODAiIC8+PHJlY3QgeD0iNCIgeT0iMiIgd2lkdGg9IjgiIGhlaWdodD0iMTIiIGZpbGw9IiNmZmZmY2MiIC8+PGxpbmUgeDE9IjUiIHkxPSI0IiB4Mj0iMTEiIHkyPSI0IiBzdHJva2U9IiMwMDAwZmYiIHN0cm9rZS13aWR0aD0iMSIgLz48bGluZSB4MT0iNSIgeTE9IjYiIHgyPSIxMSIgeTI9IjYiIHN0cm9rZT0iIiMwMDAwZmYiIHN0cm9rZS13aWR0aD0iMSIgLz48bGluZSB4MT0iNSIgeTE9IjgiIHgyPSIxMSIgeTI9IjgiIHN0cm9rZT0iIiMwMDAwZmYiIHN0cm9rZS13aWR0aD0iMSIgLz48bGluZSB4MT0iNSIgeTE9IjEwIiB4Mj0iOSIgeTI9IjEwIiBzdHJva2U9IiMwMDAwZmYiIHN0cm9rZS13aWR0aD0iMSIgLz48bGluZSB4MT0iNSIgeTE9IjIiIHgyPSIjNSIgeTI9IjE0IiBzdHJva2U9IiNmZjgwODAiIHN0cm9rZS13aWR0aD0iMC41IiAvPjwvc3ZnPg==)}.icon-document{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M3.5 1.5h6l3 3v10h-9z' fill='%23ffffff' stroke='%23000000' stroke-width='1' stroke-linejoin='round'/><path d='M9.5 1.5v3h3' fill='none' stroke='%23000000' stroke-width='1'/><line x1='5.5' y1='5.5' x2='10.5' y2='5.5' stroke='%23808080' stroke-width='1'/><line x1='5.5' y1='7.5' x2='11.5' y2='7.5' stroke='%23808080' stroke-width='1'/><line x1='5.5' y1='9.5' x2='11.5' y2='9.5' stroke='%23808080' stroke-width='1'/><line x1='5.5' y1='11.5' x2='9.5' y2='11.5' stroke='%23808080' stroke-width='1'/></svg>")}.icon-executable{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><rect x='2' y='2' width='12' height='12' fill='%23c0c0c0' stroke='%23000000' stroke-width='1'/><rect x='3' y='3' width='10' height='3' fill='%23000080'/><rect x='3' y='6' width='10' height='7' fill='%23ffffff' stroke='%23808080' stroke-width='0.5'/><rect x='5' y='8' width='2' height='2' fill='%23808080'/><rect x='9' y='8' width='2' height='2' fill='%23808080'/></svg>")}.icon-start{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M2 3c1.5-.5 3 0 4 .5v6c-1-.5-2.5-1-4-.5V3z' fill='%23ff3333'/><path d='M7 3.5c1-.5 2.5-1 4-.5v6c-1.5-.5-3 0-4 .5v-6z' fill='%2333cc33'/><path d='M2 9.5c1.5-.5 3 0 4 .5v6c-1-.5-2.5-1-4-.5v-6z' fill='%230066ff'/><path d='M7 10c1-.5 2.5-1 4-.5v6c-1.5-.5-3 0-4 .5v-6z' fill='%23ffcc00'/></svg>")}.icon-shutdown{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><rect x='2' y='2' width='12' height='12' rx='6' fill='none' stroke='%23ff0000' stroke-width='2' /><line x1='8' y1='1' x2='8' y2='8' stroke='%23ff0000' stroke-width='2' /></svg>")}.icon-volume{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M3 6h3l3-3v10l-3-3H3V6z' fill='%23000'/><path d='M10 5c1 1 1 3 0 6' fill='none' stroke='%23000' stroke-width='1.5'/></svg>")}html.theme-dark .icon-volume{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M3 6h3l3-3v10l-3-3H3V6z' fill='%23fff'/><path d='M10 5c1 1 1 3 0 6' fill='none' stroke='%23fff' stroke-width='1.5'/></svg>")}.taskbar{position:fixed;bottom:0;left:0;right:0;height:38px;background-color:var(--win-bg);box-shadow:inset 1px 1px 0 var(--win-border-hilite),0 -1px 0 var(--win-border-dark);display:flex;align-items:center;padding:3px 6px;z-index:1000;gap:6px}.start-btn{height:28px;background-color:var(--win-bg);border:none;box-shadow:inset 1px 1px 0 var(--win-border-hilite),inset -1px -1px 0 var(--win-border-dark),inset 2px 2px 0 var(--win-border-light),inset -2px -2px 0 var(--win-border-shadow);font-weight:700;font-size:13px;display:flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;cursor:pointer;position:relative}.start-btn:active,.start-btn.active{box-shadow:inset 1px 1px 0 var(--win-border-dark),inset -1px -1px 0 var(--win-border-hilite),inset 2px 2px 0 var(--win-border-shadow),inset -2px -2px 0 var(--win-border-light);padding:3px 7px 1px}.taskbar-divider{width:2px;height:22px;background-color:var(--win-border-shadow);border-right:1px solid var(--win-border-hilite)}.taskbar-windows{flex:1;display:flex;gap:4px;min-width:0}.taskbar-window{width:150px;height:28px;background-color:var(--win-bg);box-shadow:inset 1px 1px 0 var(--win-border-hilite),inset -1px -1px 0 var(--win-border-dark),inset 2px 2px 0 var(--win-border-light),inset -2px -2px 0 var(--win-border-shadow);display:flex;align-items:center;gap:6px;padding:0 8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.taskbar-window.active{background-color:var(--win-inset-bg);color:var(--win-inset-fg);box-shadow:inset 1px 1px 0 var(--win-border-dark),inset -1px -1px 0 var(--win-border-hilite),inset 2px 2px 0 var(--win-border-shadow),inset -2px -2px 0 var(--win-border-light);font-weight:700}.system-tray{background-color:var(--win-bg);box-shadow:inset 1px 1px 0 var(--win-border-shadow),inset -1px -1px 0 var(--win-border-hilite);display:flex;align-items:center;gap:6px;padding:4px 10px;height:28px}.system-time{font-size:12px;font-weight:400}.start-menu{display:none;position:absolute;bottom:100%;left:0;width:180px;background-color:var(--win-bg);box-shadow:inset 1px 1px 0 var(--win-border-hilite),inset -1px -1px 0 var(--win-border-dark),inset 2px 2px 0 var(--win-border-light),inset -2px -2px 0 var(--win-border-shadow);padding:2px;margin-bottom:2px;z-index:1001;display:flex}#start-menu-dropdown{display:none}.start-btn.active #start-menu-dropdown{display:flex}.start-menu-sidebar{width:30px;background:linear-gradient(to top,navy,#1084d0);position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}html.theme-dark .start-menu-sidebar{background:linear-gradient(to top,#1a2a4a,#2d4f8a)}.start-menu-sidebar-text{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-weight:700;font-family:var(--font-sans);font-size:16px;letter-spacing:1px}.start-menu-sidebar-text span{font-weight:400}.start-menu-items{flex:1;display:flex;flex-direction:column}.start-menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:var(--win-fg);text-decoration:none;cursor:pointer}.start-menu-item:hover:not(.disabled){background-color:var(--selection-bg);color:var(--selection-fg)}.start-menu-item.disabled{color:var(--menu-disabled-fg);cursor:default}@media (max-width: 768px){body{overflow:auto}.desktop{padding:0}.window{height:100vh;width:100vw;border:none;box-shadow:none}.window-body{flex-direction:column}.sidebar-tree{width:100%;height:180px;border-bottom:2px solid var(--win-bg)}.window-divider{display:none}.content-area{flex:1;min-height:0}.hidden-sm{display:none}}