*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--desktop-bg:url(/images/19201080.png);--gray:silver;--dark-gray:gray;--darker:#404040;--white:#fff;--black:#000;--titlebar-start:navy;--titlebar-end:#1084d0;--taskbar-h:28px;--font:"MS Sans Serif", "Microsoft Sans Serif", Arial, sans-serif;--cur-default:url(/cursor/Cursor.cur), auto;--cur-click:url(/cursor/Cursor_click.cur), pointer;--cur-ew:url(/cursor/Cursor_resize_hor.cur), ew-resize;--cur-ns:url(/cursor/Cursor_resize_vert.cur), ns-resize;--cur-nwse:url(/cursor/Cursor_top_left_bot_right.cur), nwse-resize;--cur-nesw:url(/cursor/Cursor_top_right_bot_left.cur), nesw-resize}body{font-family:var(--font);background:teal var(--desktop-bg) center / cover no-repeat;cursor:var(--cur-default);font-size:11px;overflow:hidden}a,button,.desktop-icon,.start-item,.menu-entry,.wc-btn,.toolbar-btn,.taskbar-window-btn,#start-btn,.contact-link,.dialog-btn{cursor:var(--cur-click)}.raised{border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--darker);border-bottom:2px solid var(--darker)}.sunken{border-top:2px solid var(--darker);border-left:2px solid var(--darker);border-right:2px solid var(--white);border-bottom:2px solid var(--white)}#desktop{background:teal var(--desktop-bg) center / cover no-repeat;width:100vw;height:100vh;position:relative;overflow:hidden}#desktop-icons{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:10px}.desktop-icon{cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;width:78px;padding:6px 8px;display:flex}.desktop-icon:hover{border:1px dotted var(--white);background:#0000804d}.desktop-icon.selected{border:1px dotted var(--white);background:navy}.icon-img{width:32px;height:32px;image-rendering:pixelated}.icon-emoji{font-size:30px;line-height:1}.desktop-icon span:last-child{color:var(--white);text-align:center;text-shadow:1px 1px 1px var(--black);word-break:break-word;font-size:11px;line-height:1.2}.window{background:var(--gray);border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--darker);border-bottom:2px solid var(--darker);flex-direction:column;min-width:200px;min-height:150px;display:flex;position:absolute;overflow:hidden}.window:before{content:"";border-top:1px solid var(--gray);border-left:1px solid var(--gray);border-right:1px solid var(--dark-gray);border-bottom:1px solid var(--dark-gray);pointer-events:none;z-index:1;position:absolute;inset:0}.resize-handle{z-index:4;position:absolute}.rh-n{height:5px;cursor:var(--cur-ns);top:0;left:8px;right:8px}.rh-s{height:5px;cursor:var(--cur-ns);bottom:0;left:8px;right:8px}.rh-w{width:5px;cursor:var(--cur-ew);top:8px;bottom:8px;left:0}.rh-e{width:5px;cursor:var(--cur-ew);top:8px;bottom:8px;right:0}.rh-nw{width:8px;height:8px;cursor:var(--cur-nwse);top:0;left:0}.rh-se{width:8px;height:8px;cursor:var(--cur-nwse);bottom:0;right:0}.rh-ne{width:8px;height:8px;cursor:var(--cur-nesw);top:0;right:0}.rh-sw{width:8px;height:8px;cursor:var(--cur-nesw);bottom:0;left:0}.window[data-maximized=true] .resize-handle{display:none}.window-titlebar{background:linear-gradient(to right, var(--titlebar-start), var(--titlebar-end));cursor:default;z-index:2;flex-shrink:0;align-items:center;gap:2px;height:18px;padding:1px 2px;display:flex;position:relative}.window-titlebar.inactive{background:linear-gradient(90deg,gray,#b0b0b0)}.window-title-icon{flex-shrink:0;margin-right:2px;font-size:12px}.window-title{color:var(--white);white-space:nowrap;pointer-events:none;flex:1;font-size:11px;font-weight:700;overflow:hidden}.win-controls{flex-shrink:0;gap:2px;display:flex}.wc-btn{background:var(--gray);border-top:1px solid var(--white);border-left:1px solid var(--white);border-right:1px solid var(--darker);border-bottom:1px solid var(--darker);cursor:pointer;width:16px;height:14px;color:var(--black);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Marlett,MS Sans Serif,Arial,sans-serif;font-size:9px;font-weight:700;line-height:1;display:flex}.wc-btn:active{border-top:1px solid var(--darker);border-left:1px solid var(--darker);border-right:1px solid var(--white);border-bottom:1px solid var(--white)}.window-menubar{background:var(--gray);border-bottom:1px solid var(--dark-gray);z-index:2;flex-shrink:0;padding:2px;display:flex;position:relative}.menu-entry{cursor:pointer;padding:1px 6px;font-size:11px}.menu-entry:hover{color:var(--white);background:navy}.window-toolbar{background:var(--gray);border-bottom:1px solid var(--dark-gray);z-index:2;flex-shrink:0;gap:2px;padding:2px 4px;display:flex;position:relative}.toolbar-btn{font-size:11px;font-family:var(--font);background:var(--gray);cursor:pointer;border-top:1px solid var(--white);border-left:1px solid var(--white);border-right:1px solid var(--darker);border-bottom:1px solid var(--darker);padding:2px 8px}.toolbar-btn:active{border-top:1px solid var(--darker);border-left:1px solid var(--darker);border-right:1px solid var(--white);border-bottom:1px solid var(--white)}.window-statusbar{background:var(--gray);border-top:1px solid var(--dark-gray);color:var(--black);z-index:2;flex-shrink:0;padding:2px 6px;font-size:11px;position:relative}.window-content{background:var(--white);border-top:2px solid var(--darker);border-left:2px solid var(--darker);border-right:2px solid var(--white);border-bottom:2px solid var(--white);font-family:var(--font);color:var(--black);flex:1;margin:2px;padding:12px;font-size:12px;overflow-y:auto}.window-content h1{color:navy;border-bottom:1px solid var(--dark-gray);margin-bottom:8px;padding-bottom:4px;font-size:14px;font-weight:700}.window-content h2{color:var(--black);margin:12px 0 4px;font-size:12px;font-weight:700}.window-content p{margin-bottom:8px;font-size:12px;line-height:1.6}.window-content a{color:#00c;text-decoration:underline}.project-card{border-top:1px solid var(--white);border-left:1px solid var(--white);border-right:1px solid var(--darker);border-bottom:1px solid var(--darker);background:var(--gray);margin-bottom:8px;padding:8px}.project-card h3{margin-bottom:4px;font-size:12px;font-weight:700}.project-card p{margin-bottom:6px;font-size:11px}.tag{color:var(--white);background:navy;margin:1px 2px 1px 0;padding:1px 5px;font-size:10px;display:inline-block}.project-notice{border:1px solid var(--black);color:var(--black);background:#ffffe1;align-items:center;gap:6px;margin:6px 0;padding:5px 8px;font-size:11px;display:flex}.project-notice .notice-icon{flex-shrink:0;font-size:14px;line-height:1}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;margin-top:4px;display:grid}.skill-pill{background:var(--gray);border-top:1px solid var(--white);border-left:1px solid var(--white);border-right:1px solid var(--darker);border-bottom:1px solid var(--darker);text-align:center;padding:4px 6px;font-size:11px}.contact-link{background:var(--gray);border-top:1px solid var(--white);border-left:1px solid var(--white);border-right:1px solid var(--darker);border-bottom:1px solid var(--darker);color:var(--black);cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;font-size:12px;text-decoration:none;display:flex}.contact-link:hover{color:var(--white);background:navy}.contact-icon{font-size:16px}#taskbar{height:var(--taskbar-h);background:var(--gray);border-top:2px solid var(--white);z-index:9999;align-items:center;gap:4px;padding:2px 4px;display:flex;position:fixed;bottom:0;left:0;right:0}#start-btn{background:var(--gray);height:22px;font-family:var(--font);cursor:pointer;border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--darker);border-bottom:2px solid var(--darker);flex-shrink:0;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;display:flex}#start-btn:active,#start-btn.active{border-top:2px solid var(--darker);border-left:2px solid var(--darker);border-right:2px solid var(--white);border-bottom:2px solid var(--white);padding:1px 7px 0 9px}.start-logo{font-size:14px}.taskbar-divider{border-left:1px solid var(--dark-gray);border-right:1px solid var(--white);flex-shrink:0;width:2px;height:20px}#taskbar-windows{flex:1;gap:2px;display:flex;overflow:hidden}.taskbar-window-btn{background:var(--gray);min-width:120px;max-width:160px;height:22px;font-family:var(--font);cursor:pointer;border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--darker);border-bottom:2px solid var(--darker);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;padding:0 8px;font-size:11px;display:flex;overflow:hidden}.taskbar-window-btn.active{border-top:2px solid var(--darker);border-left:2px solid var(--darker);border-right:2px solid var(--white);border-bottom:2px solid var(--white);background:#b8b8b8}#system-tray{border-top:1px solid var(--dark-gray);border-left:1px solid var(--dark-gray);border-right:1px solid var(--white);border-bottom:1px solid var(--white);flex-shrink:0;align-items:center;gap:4px;height:22px;padding:1px 4px;display:flex}.tray-icon{cursor:default;font-size:14px}.tray-divider{background:var(--dark-gray);width:1px;height:14px;margin:0 2px}#taskbar-clock{font-size:11px;font-family:var(--font);white-space:nowrap}#start-menu{bottom:var(--taskbar-h);background:var(--gray);border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--darker);border-bottom:2px solid var(--darker);z-index:99999;width:200px;display:flex;position:fixed;left:0;box-shadow:2px 2px 4px #0006}#start-menu.hidden{display:none}.start-sidebar{background:linear-gradient(#1084d0,navy);flex-shrink:0;justify-content:center;align-items:flex-end;width:22px;padding-bottom:6px;display:flex}.start-sidebar span{color:var(--gray);writing-mode:vertical-rl;letter-spacing:1px;font-size:14px;font-weight:700;font-family:var(--font);transform:rotate(180deg)}.start-items{flex:1;padding:2px 0}.start-item{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:flex}.start-item:hover{color:var(--white);background:navy}.start-separator{background:var(--dark-gray);border-top:1px solid var(--white);height:1px;margin:4px 8px}.window-content::-webkit-scrollbar{width:16px}.window-content::-webkit-scrollbar-track{background:var(--gray);border-left:1px solid var(--darker)}.window-content::-webkit-scrollbar-thumb{background:var(--gray);border-top:1px solid var(--white);border-left:1px solid var(--white);border-right:1px solid var(--darker);border-bottom:1px solid var(--darker)}#shutdown-overlay{z-index:999999;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#shutdown-overlay.visible{display:flex}.shutdown-dialog{background:var(--gray);border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--darker);border-bottom:2px solid var(--darker);width:320px}.shutdown-titlebar{color:#fff;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;padding:3px 6px;font-size:11px;font-weight:700;display:flex}.shutdown-body{align-items:center;gap:12px;padding:16px;display:flex}.shutdown-body .icon{font-size:36px}.shutdown-body p{margin-bottom:8px;font-size:12px}.shutdown-buttons{justify-content:center;gap:8px;padding:8px 16px 12px;display:flex}.dialog-btn{width:80px;font-family:var(--font);background:var(--gray);cursor:pointer;border-top:2px solid var(--white);border-left:2px solid var(--white);border-right:2px solid var(--darker);border-bottom:2px solid var(--darker);padding:4px 0;font-size:11px}.dialog-btn:active{border-top:2px solid var(--darker);border-left:2px solid var(--darker);border-right:2px solid var(--white);border-bottom:2px solid var(--white)}.music-tabs,.music-periods{gap:2px;margin-bottom:6px;display:flex}.music-tab,.music-period{font-family:var(--font);background:var(--gray);cursor:pointer;border-top:1px solid var(--white);border-left:1px solid var(--white);border-right:1px solid var(--darker);border-bottom:1px solid var(--darker);padding:3px 10px;font-size:11px}.music-tab.active,.music-period.active{color:var(--white);border-top:1px solid var(--darker);border-left:1px solid var(--darker);border-right:1px solid var(--white);border-bottom:1px solid var(--white);background:navy}.music-loading{color:var(--dark-gray);padding:8px 0;font-size:11px}.album-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.album-card{flex-direction:column;gap:3px;font-size:10px;display:flex}.album-art{aspect-ratio:1;object-fit:cover;border-top:1px solid var(--darker);border-left:1px solid var(--darker);border-right:1px solid var(--white);border-bottom:1px solid var(--white);width:100%;display:block}.album-placeholder{background:var(--dark-gray);color:var(--white);justify-content:center;align-items:center;font-size:24px;display:flex}.album-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.album-artist{color:var(--dark-gray);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.album-plays{color:var(--darker)}.artist-list{flex-direction:column;gap:5px;display:flex}.artist-row{align-items:center;gap:6px;font-size:11px;display:flex}.artist-rank{text-align:right;width:16px;color:var(--dark-gray);flex-shrink:0}.artist-name{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:120px;overflow:hidden}.artist-plays{text-align:right;width:60px;color:var(--darker);flex-shrink:0}.artist-bar-wrap{background:var(--gray);border-top:1px solid var(--darker);border-left:1px solid var(--darker);border-right:1px solid var(--white);border-bottom:1px solid var(--white);flex:1;height:10px}.artist-bar{background:navy;height:100%}.recent-list{flex-direction:column;gap:4px;display:flex}.recent-row{align-items:center;gap:8px;padding:3px;font-size:11px;display:flex}.recent-row.now-playing{color:var(--white);background:navy}.recent-art{object-fit:cover;border-top:1px solid var(--darker);border-left:1px solid var(--darker);border-right:1px solid var(--white);border-bottom:1px solid var(--white);flex-shrink:0;width:32px;height:32px}.recent-info{flex:1;overflow:hidden}.recent-track{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.recent-artist{color:var(--dark-gray)}.recent-row.now-playing .recent-artist{color:#aad4ff}.recent-when{color:var(--dark-gray);text-align:right;flex-shrink:0;font-size:10px}