*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:"MS Sans Serif",sans-serif;font-size:11px;height:100vh;-webkit-user-select:none;user-select:none}.desktop{width:100vw;height:100vh;background:teal;position:relative}#windows-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#windows-container .window{pointer-events:all}.desktop-icons{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:20px}.desktop-icon{display:flex;flex-direction:column;align-items:center;width:60px;cursor:pointer;padding:4px;border-radius:2px;transition:background-color .1s}.desktop-icon:hover{background-color:#ffffff1a}.desktop-icon.selected{background-color:#00f;color:#fff}.desktop-icon .icon{font-size:32px;margin-bottom:4px}.desktop-icon .label{font-size:11px;text-align:center;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);word-wrap:break-word;line-height:1.2}#windows-container{position:relative;width:100%;height:calc(100% - 28px);z-index:100}.window{position:absolute;background:silver;border:2px outset #c0c0c0;min-width:200px;min-height:150px;box-shadow:2px 2px 4px #0000004d;z-index:1}.window.active{z-index:1000}.window-header{background:linear-gradient(to right,#00f,#0080ff);color:#fff;padding:2px 4px;display:flex;align-items:center;justify-content:space-between;cursor:move;font-weight:700;font-size:11px}.window.inactive .window-header{background:linear-gradient(to right,gray,#a0a0a0)}.window-title{display:flex;align-items:center;gap:4px}.window-icon{width:16px;height:16px}.window-controls{display:flex;gap:2px}.window-control{width:16px;height:14px;background:silver;border:1px outset #c0c0c0;font-size:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;color:#000}.window-control:hover{background:#d0d0d0}.window-control:active{border:1px inset #c0c0c0}.window-content{padding:8px;height:calc(100% - 22px);overflow:auto;background:silver}.btn{background:silver;border:2px outset #c0c0c0;padding:4px 12px;font-size:11px;font-family:inherit;cursor:pointer;min-width:75px}.btn:hover{background:#d0d0d0}.btn:active{border:2px inset #c0c0c0}.btn:disabled{color:gray;cursor:default}.btn:disabled:hover{background:silver}.textbox{border:2px inset #c0c0c0;padding:2px 4px;font-family:inherit;font-size:11px;background:#fff}.textbox:focus{outline:none;background:#fff}textarea.textbox{resize:none;font-family:Courier New,monospace}.taskbar{position:fixed;bottom:0;left:0;right:0;height:28px;background:silver;border-top:1px solid #ffffff;display:flex;align-items:center;z-index:2000}.start-button{height:22px;margin:3px;padding:0 6px;background:silver;border:2px outset #c0c0c0;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}.start-button:hover{background:#d0d0d0}.start-button:active,.start-button.active{border:2px inset #c0c0c0}.start-icon{font-size:14px}.taskbar-separator{width:2px;height:18px;background:gray;margin:0 4px;border-left:1px solid #404040;border-right:1px solid #ffffff}.taskbar-items{flex:1;display:flex;gap:2px;padding:0 4px;overflow:hidden}.taskbar-item{height:22px;padding:0 8px;background:silver;border:2px outset #c0c0c0;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;max-width:160px;min-width:120px}.taskbar-item:hover{background:#d0d0d0}.taskbar-item.active{border:2px inset #c0c0c0}.taskbar-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar-clock{margin-right:8px;padding:2px 8px;border:1px inset #c0c0c0;font-size:11px;background:silver;min-width:60px;text-align:center}.start-menu{position:fixed;bottom:28px;left:0;width:200px;background:silver;border:2px outset #c0c0c0;box-shadow:2px 2px 4px #0000004d;z-index:3000}.start-menu-header{background:linear-gradient(to right,#00f,#0080ff);color:#fff;padding:8px;font-weight:700;font-size:12px}.start-menu-title{transform:rotate(-90deg);transform-origin:left bottom;position:absolute;left:20px;bottom:8px;white-space:nowrap}.start-menu-items{padding:4px 0}.start-menu-item{padding:4px 32px 4px 8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:11px}.start-menu-item:hover{background:#00f;color:#fff}.menu-icon{width:16px;font-size:14px}.start-menu-separator{height:1px;background:gray;margin:2px 8px;border-bottom:1px solid #ffffff}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:silver;border:2px outset #c0c0c0;box-shadow:2px 2px 4px #0000004d;z-index:4000;min-width:300px}.dialog-header{background:linear-gradient(to right,#00f,#0080ff);color:#fff;padding:2px 4px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:11px}.dialog-content{padding:16px}.dialog-buttons{padding:8px 16px 16px;display:flex;justify-content:flex-end;gap:8px}.file-list{border:2px inset #c0c0c0;background:#fff;height:200px;overflow-y:auto}.file-item{padding:2px 8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:11px}.file-item:hover,.file-item.selected{background:#00f;color:#fff}.file-icon{width:16px;font-size:14px}.toolbar{background:silver;border-bottom:1px solid #808080;padding:4px;display:flex;gap:2px;flex-wrap:wrap}.toolbar-button{width:24px;height:24px;background:silver;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.toolbar-button:hover{border:1px outset #c0c0c0}.toolbar-button:active{border:1px inset #c0c0c0}.toolbar-separator{width:1px;height:20px;background:gray;margin:2px 4px;border-left:1px solid #404040;border-right:1px solid #ffffff}.status-bar{background:silver;border-top:1px solid #808080;padding:2px 8px;font-size:11px;display:flex;justify-content:space-between;align-items:center;height:20px}.status-bar-section{border:1px inset #c0c0c0;padding:1px 4px;background:silver}@media (max-width: 768px){.desktop-icons{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:10px}.desktop-icon{width:50px}.window{width:100%!important;height:calc(100% - 28px)!important;top:0!important;left:0!important}.start-menu{width:100%}.taskbar-items{overflow-x:auto}.taskbar-item{min-width:80px;max-width:100px}}.window{animation:windowOpen .2s ease-out}@keyframes windowOpen{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.start-menu{animation:slideUp .15s ease-out}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.editor-content{height:calc(100% - 60px);display:flex;flex-direction:column}.editor-toolbar{background:silver;border-bottom:1px solid #808080;padding:4px;display:flex;gap:4px;align-items:center;flex-wrap:wrap}.editor-textarea{flex:1;border:2px inset #c0c0c0;padding:8px;font-family:Courier New,monospace;font-size:12px;background:#fff;resize:none;outline:none}.editor-title-input{width:100%;margin-bottom:8px;border:2px inset #c0c0c0;padding:4px;font-size:11px;background:#fff}.posts-container{height:100%;display:flex;flex-direction:column}.posts-toolbar{background:silver;border-bottom:1px solid #808080;padding:4px;display:flex;gap:4px}.posts-list{flex:1;border:2px inset #c0c0c0;background:#fff;overflow-y:auto;margin:8px}.post-item{padding:4px 8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;font-size:11px}.post-item:hover{background:#e0e0ff}.post-item.selected{background:#00f;color:#fff}.post-title{font-weight:700;flex:1}.post-date{color:#666;font-size:10px}.post-item.selected .post-date{color:#ccc}.context-menu{position:fixed;background:silver;border:2px outset #c0c0c0;box-shadow:2px 2px 4px #0000004d;z-index:5000;min-width:120px}.context-menu-item{padding:4px 16px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:8px}.context-menu-item:hover{background:#00f;color:#fff}.context-menu-separator{height:1px;background:gray;margin:2px 0;border-bottom:1px solid #ffffff}.loading{display:inline-block;width:16px;height:16px;border:2px solid #c0c0c0;border-radius:50%;border-top-color:#00f;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}