html,body{margin:0;padding:0;overflow:hidden}.boot-screen{position:fixed;inset:0;z-index:99999;background:#000;font-family:Courier New,Lucida Console,monospace;overflow:hidden;transition:opacity .8s ease}.boot-screen--fadeout{opacity:0}.boot-bios{padding:20px 28px;color:silver;font-size:13px;line-height:1.65;background:#000;height:100%}.boot-bios-line{display:block;white-space:pre}.boot-bios-line--bright{color:#fff}.boot-cursor{display:inline-block;color:silver;animation:blink .8s step-end infinite;margin-top:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.boot-loading{background:navy;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.boot-loading-logo{display:flex;align-items:center;gap:20px}.boot-win-flag{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;width:56px;height:56px}.boot-win-flag-q{border-radius:2px}.boot-win-flag-q--red{background:red}.boot-win-flag-q--green{background:#0a0}.boot-win-flag-q--blue{background:#00f}.boot-win-flag-q--yellow{background:#fc0}.boot-loading-title{display:flex;flex-direction:column;line-height:1}.boot-loading-win{font-family:Times New Roman,serif;font-size:36px;font-weight:700;color:#fff;letter-spacing:-1px}.boot-loading-ver{font-family:Times New Roman,serif;font-size:22px;color:gold;letter-spacing:2px;align-self:flex-end}.boot-progress-track{width:260px;height:14px;background:#000040;border:2px solid #4040a0;border-radius:0;overflow:hidden;box-shadow:inset 1px 1px #000020}.boot-progress-bar{height:100%;background:linear-gradient(to bottom,#6060ff,#00c,#00a);transition:width .1s linear;position:relative}.boot-progress-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 10px,rgba(0,0,0,.2) 10px,rgba(0,0,0,.2) 11px)}.boot-welcome{background:navy;height:100%;display:flex;align-items:center;justify-content:center;animation:welcome-in .4s ease-out}@keyframes welcome-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.boot-welcome-inner{text-align:center}.boot-welcome-title{font-family:Times New Roman,serif;font-size:22px;color:#c0c0ff;margin-bottom:4px;letter-spacing:1px}.boot-welcome-name{font-family:Times New Roman,serif;font-size:56px;font-weight:700;color:#fff;letter-spacing:-1px;line-height:1;text-shadow:2px 2px 0 rgba(0,0,100,.6)}.boot-welcome-ver{font-family:Times New Roman,serif;font-size:32px;color:gold;display:inline}.boot-welcome-sub{font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;font-size:14px;color:#a0a0ff;margin-top:14px;letter-spacing:3px;text-transform:uppercase}.boot-login{background:teal;height:100%;display:flex;align-items:center;justify-content:center;animation:login-in .3s ease-out}@keyframes login-in{0%{opacity:0}to{opacity:1}}.boot-login-box{width:380px;background:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:2px 2px #000,inset 1px 1px #dfdfdf;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif}.boot-login-header{background:linear-gradient(to right,navy,#1084d0);padding:5px 8px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#fff}.boot-login-header-icon{display:flex;align-items:center}.boot-login-body{padding:16px;display:flex;flex-direction:column;gap:12px}.boot-login-user-row{display:flex;align-items:center;gap:14px}.boot-login-avatar{width:52px;height:52px;background:#fff;border-top:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.boot-login-fields{flex:1;display:flex;flex-direction:column;gap:6px}.boot-login-field-row{display:flex;align-items:center;gap:8px;font-size:12px}.boot-login-field-row label{width:52px;text-align:right;flex-shrink:0;font-size:11px}.boot-login-input{flex:1;height:20px;background:#fff;border-top:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:0 4px;font-size:11px;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;display:flex;align-items:center;color:#000}.boot-login-input--password{letter-spacing:2px}.boot-login-progress{display:flex;flex-direction:column;gap:4px}.boot-login-progress-label{font-size:11px;color:navy}.boot-login-bar-track{height:12px;background:#fff;border-top:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;overflow:hidden}.boot-login-bar-fill{height:100%;background:navy;animation:login-bar 1.8s ease-in-out forwards}@keyframes login-bar{0%{width:0%}30%{width:35%}60%{width:68%}85%{width:90%}to{width:100%}}.folder{display:flex;flex-direction:column;align-items:center;cursor:default;-webkit-user-select:none;user-select:none;width:100px}.folder-icon{width:64px;height:64px;object-fit:contain;pointer-events:none;display:block;image-rendering:pixelated}.folder-name{margin-top:6px;font-size:12px;font-family:"MS Sans Serif",Arial,sans-serif;color:#fff;text-align:center;text-shadow:1px 1px 1px #000;word-break:break-word;max-width:90px}.window{width:600px;height:400px;background-color:#f0f0f0;border:2px solid #333;box-shadow:4px 4px #999;font-family:Courier New,monospace;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.window-header{background-color:#333;color:#fff;padding:10px;font-size:16px;cursor:grab}.window-body{flex:1;padding:24px;text-align:center;display:flex;flex-direction:column;justify-content:center}.avatar-section .avatar{width:120px;height:120px;border-radius:50%;margin-bottom:16px}.avatar-section h2{margin:12px 0;font-size:22px}.avatar-section p{margin:6px 0;font-size:16px}.social-icons{margin-top:20px;display:flex;justify-content:center;gap:20px;font-size:14px}.window-header{background-color:#333;color:#fff;padding:10px;font-size:16px;cursor:grab;display:flex;align-items:center}.window-path{font-weight:700}.close-btn{margin-left:auto;background-color:#e74c3c;color:#fff;border:none;cursor:pointer;padding:4px 10px;font-weight:700;font-size:14px;border-radius:3px;transition:background-color .2s ease}.close-btn:hover{background-color:#c0392b}.close-btn:active{background-color:#a93226}.window-body{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start}.window-body::-webkit-scrollbar{width:14px}.window-body::-webkit-scrollbar-track{background:silver}.window-body::-webkit-scrollbar-thumb{background:gray;border:2px solid #c0c0c0}.projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background-color:silver;padding:16px;font-family:Tahoma,sans-serif}.project-card{background-color:silver;padding:6px;text-align:center;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #808080;border-bottom:2px solid #808080}.project-image{width:100%;border:2px solid #000}.project-name{display:block;margin-top:6px;font-size:13px}.retro-button{margin-top:8px;padding:3px 8px;font-size:12px;font-family:Tahoma,sans-serif;background-color:silver;cursor:pointer;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #808080;border-bottom:2px solid #808080}.retro-button:active{border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #fff;border-bottom:2px solid #fff}.app{width:100vw;height:100vh;overflow:hidden;position:relative;background:teal}.folder-wrapper{position:absolute;display:inline-block}.handle{cursor:default}.window-wrapper{position:absolute;z-index:10}.taskbar{position:fixed;bottom:0;left:0;right:0;height:36px;background:silver;border-top:2px solid #ffffff;box-shadow:inset 0 1px #fff,0 -1px gray;display:flex;align-items:center;padding:0 2px;gap:4px;z-index:9999;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;font-size:11px;-webkit-user-select:none;user-select:none}.taskbar-start{display:flex;align-items:center;gap:6px;padding:2px 8px 2px 6px;height:26px;background:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:inset 1px 1px #dfdfdf;cursor:pointer;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;font-size:12px;font-weight:700;color:#000;letter-spacing:.3px}.taskbar-start:active,.taskbar-start--active{border-top:2px solid #404040;border-left:2px solid #404040;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;box-shadow:inset 1px 1px gray;padding:3px 7px 1px}.taskbar-divider{width:2px;height:26px;border-left:1px solid #808080;border-right:1px solid #ffffff;margin:0 3px;flex-shrink:0}.taskbar-contacts{display:flex;align-items:center;gap:1px}.taskbar-contact-wrapper{position:relative}.taskbar-contact{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:#000;text-decoration:none;background:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:inset 1px 1px #dfdfdf;cursor:pointer;transition:none}.taskbar-contact:hover{background:#d4d0c8}.taskbar-contact:active{border-top:2px solid #404040;border-left:2px solid #404040;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;box-shadow:inset 1px 1px gray}.taskbar-tooltip{position:absolute;bottom:38px;left:50%;transform:translate(-50%);background:#ffffe1;border:1px solid #000000;padding:3px 6px;font-size:11px;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;white-space:nowrap;pointer-events:none;z-index:10000;display:flex;flex-direction:column;gap:1px;box-shadow:1px 1px gray}.taskbar-tooltip-url{color:gray;font-size:10px}.taskbar-spacer{flex:1}.taskbar-clock{display:flex;align-items:center;justify-content:center;height:26px;padding:0 8px;background:silver;border-top:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;box-shadow:inset 1px 1px gray;min-width:48px}.clock-time{font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;font-size:11px;color:#000;letter-spacing:.5px}.start-menu-overlay{position:fixed;inset:0;z-index:9998}.start-menu{position:fixed;bottom:38px;left:2px;width:320px;background:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:2px 2px #000,inset 1px 1px #dfdfdf;display:flex;z-index:9999;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif}.start-menu-sidebar{width:28px;background:linear-gradient(to top,navy,#1084d0);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;flex-shrink:0}.start-menu-sidebar-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:15px;font-weight:700;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;color:#fff;letter-spacing:2px;text-shadow:1px 1px 0 rgba(0,0,0,.4);opacity:.6}.start-menu-items{flex:1;display:flex;flex-direction:column;padding:4px 0}.start-menu-item{display:flex;align-items:center;gap:10px;padding:5px 10px;text-decoration:none;color:#000;cursor:pointer;font-size:12px}.start-menu-item:hover{background:navy;color:#fff}.start-menu-item:hover .start-menu-item-url{color:silver}.start-menu-item--muted{color:gray;margin-top:2px}.start-menu-item--muted:hover{color:#fff}.start-menu-item-icon{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.start-menu-item-info{display:flex;flex-direction:column}.start-menu-item-label{font-weight:700;font-size:12px}.start-menu-item-url{font-size:10px;color:gray}.start-menu-divider{height:1px;background:gray;box-shadow:0 1px #fff;margin:4px 6px}