*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;overflow:hidden}#root{width:100vw;height:100vh}@font-face{font-family:VT323;src:url(../assets/fonts/VT323-Regular.ttf)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}.retro-desktop{background:#d4d0c8;width:100vw;height:100vh;font-family:Tahoma,MS Sans Serif,sans-serif;font-size:11px;position:relative;overflow:hidden}.taskbar{z-index:200;background:silver;align-items:center;gap:4px;height:34px;padding:0 8px;display:flex;position:absolute;left:0;right:0}.taskbar.top{border-bottom:2px solid #fff;top:0;box-shadow:0 1px gray}.taskbar.bottom{border-top:2px solid #fff;bottom:0;box-shadow:0 -1px gray}.name-btn{letter-spacing:.5px;cursor:default;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;align-items:center;height:26px;padding:2px 12px;font-family:Tahoma,sans-serif;font-size:11px;font-weight:700;display:flex}.desktop-area{justify-content:center;align-items:center;display:flex;position:absolute;inset:34px 0}.env-wrapper{z-index:50;flex-direction:column;align-items:center;gap:6px;transition:right 1.8s cubic-bezier(.22,.68,0,1.2);display:flex;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}.env-wrapper.center{right:calc(50% - 36px)}.env-icon{width:52px;height:40px;position:relative}.env-body{background:#fff;border:2px solid gray;position:absolute;inset:0}.env-flap{border-top:18px solid #b0b8c8;border-left:26px solid #0000;border-right:26px solid #0000;height:0;position:absolute;top:0;left:0;right:0}.env-lines{flex-direction:column;gap:3px;display:flex;position:absolute;bottom:6px;left:8px;right:8px}.env-line{background:silver;height:2px}.env-line.short{width:60%}.notif-dot{color:#fff;background:#0a0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.env-label{color:#000;white-space:nowrap;font-size:11px}.msg-window{opacity:0;z-index:60;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;width:340px;transition:transform .25s,opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:2px 2px #000}.msg-window.open{opacity:1;transform:translate(-50%,-50%)scale(1)}.msg-titlebar{color:#fff;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;padding:3px 4px 3px 6px;font-size:11px;font-weight:700;display:flex}.msg-close{cursor:pointer;color:#000;background:silver;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;justify-content:center;align-items:center;width:16px;height:14px;font-size:9px;font-weight:700;display:flex}.msg-close:active{border-color:#404040 #fff #fff #404040}.msg-body{background:#fff;border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;margin:2px;padding:14px 16px 16px}.msg-from{color:#555;margin-bottom:2px;font-size:10px}.msg-from span{color:navy;font-weight:700}.msg-subject{color:#000;border-bottom:1px solid #d0d0d0;margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700}.msg-text{color:#000;white-space:pre-wrap;min-height:80px;font-family:VT323,Courier New,monospace;font-size:15px;line-height:1.5}.msg-footer{justify-content:flex-end;margin-top:12px;display:flex}.retro-btn{cursor:pointer;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;min-width:72px;padding:3px 16px;font-family:Tahoma,sans-serif;font-size:11px}.retro-btn:active{border-color:#404040 #fff #fff #404040}.wrapper-buttons{opacity:0;flex-direction:column;gap:clamp(16px,4vh,36px);transition:opacity .4s;display:flex;position:absolute;top:50%;left:2vw;transform:translateY(-50%)}.wrapper-buttons.show{opacity:1}.btn-wrap{cursor:pointer;flex-direction:column;align-items:center;gap:5px;width:clamp(64px,9vw,90px);display:flex}.w-icon{border:2px solid #fff;border-color:gray #fff #fff gray}.btn-wrap:hover .w-icon{background:#e8f0ff;border-color:navy gray gray navy}.btn-wrap:active .w-icon{border-color:#404040 #dfdfdf #dfdfdf #404040}.w-label{color:#000;text-align:center;word-break:break-word;max-width:clamp(64px,9vw,90px);font-size:clamp(10px,1.2vw,12px);line-height:1.3}.paint-icon{background:#fff;width:52px;height:52px;position:relative;overflow:hidden}.paint-tb{background:silver;border-bottom:1px solid gray;align-items:center;gap:1px;height:10px;padding:1px 2px;display:flex;position:absolute;top:0;left:0;right:0}.paint-t{background:silver;border:1px solid gray;border-color:#fff gray gray #fff;width:7px;height:7px}.paint-cv{position:absolute;inset:11px 0 0}.paint-cv svg{width:100%;height:100%}.fax-icon{background:silver;flex-direction:column;align-items:center;gap:2px;width:52px;height:52px;padding:3px;display:flex;position:relative}.fax-bdy{background:#a0a0a0;border:1px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;width:100%;padding:2px;display:flex;position:relative}.fax-slt{background:#404040;border-top:1px solid #000;width:80%;height:3px}.fax-ppr{background:#fff;border:1px solid gray;width:50%;height:9px;position:absolute;top:-7px}.fax-dots{gap:2px;margin-top:1px;display:flex}.fax-d{background:green;border:1px solid #004000;border-radius:50%;width:5px;height:5px}.fax-d.r{background:#c00;border-color:maroon}.readme-icon{background:#fff;flex-direction:column;gap:2px;width:44px;height:52px;padding:4px 3px 3px;display:flex;position:relative;overflow:hidden}.rm-fold{border-top:0 solid #0000;border-bottom:10px solid #0000;border-left:0 solid #0000;border-right:10px solid #d4d0c8;width:0;height:0;position:absolute;top:0;right:0}.rm-fold-l{border-bottom:1px solid gray;border-left:1px solid gray;width:10px;height:10px;position:absolute;top:0;right:0}.rm-ln{background:gray;height:2px;margin-right:8px}.system-window{opacity:0;z-index:10;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;width:clamp(280px,45vw,480px);transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 2px #000}.system-window.show{opacity:1}.window-titlebar{color:#fff;cursor:move;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;padding:3px 6px;font-size:11px;font-weight:700;display:flex}.menu-bar{background:silver;border-bottom:1px solid gray;padding:2px 4px 1px;display:flex}.menu-item{cursor:default;padding:1px 6px;font-size:11px}.menu-item:hover{color:#fff;background:navy}.window-body{background:#fff;border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;margin:2px;padding:10px 12px}.sys-heading{color:navy;margin-bottom:3px;font-size:clamp(12px,1.6vw,16px);font-weight:700}.sys-sub{color:#555;margin-bottom:8px;font-size:clamp(10px,1.2vw,12px)}.window-divider{border:none;border-top:1px solid gray;border-bottom:1px solid #fff;margin:7px 0}.bios-text{color:navy;white-space:pre-wrap;min-height:clamp(40px,8vh,70px);margin-bottom:2px;font-family:VT323,Courier New,monospace;font-size:clamp(13px,1.8vw,18px);line-height:1.4}.guide-list{color:#000;font-size:clamp(11px,1.3vw,14px);line-height:2;list-style:none}.guide-list li:before{content:"► ";color:navy}.guide-list span{color:navy;font-weight:700}.status-bar{background:silver;border-top:1px solid gray;gap:2px;padding:2px 3px;display:flex}.status-pane{border:1px solid #fff;border-color:gray #fff #fff gray;flex:1;padding:1px 6px;font-size:10px}@font-face{font-family:VT323;src:url(../assets/fonts/VT323-Regular.ttf)format("truetype");font-weight:400;font-style:normal}.about-root{color:#ffb000;background:#000;flex-direction:column;width:100vw;height:100vh;font-family:VT323,Courier New,monospace;display:flex;position:relative;overflow:hidden}.about-topbar{z-index:100;background:#1a0e00;border-bottom:2px solid #ffb000;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:34px;padding:0 12px;display:flex}.about-topbar-title{color:#ffb000;letter-spacing:1px;font-size:clamp(14px,2vw,20px)}.about-close-btn{color:#ffb000;cursor:pointer;background:0 0;border:1px solid #ffb000;justify-content:center;align-items:center;width:24px;height:22px;padding:0;font-family:VT323,monospace;font-size:16px;line-height:1;display:flex}.about-close-btn:hover{color:#000;background:#ffb000}.about-content{flex-direction:column;flex:1;gap:0;padding:clamp(16px,3vw,40px) clamp(20px,5vw,80px);display:flex;overflow-y:auto}.about-bio{flex-direction:column;gap:2px;display:flex}.bio-line{color:#ffb000;opacity:0;white-space:pre-wrap;letter-spacing:.5px;font-size:clamp(14px,2.2vw,22px);line-height:1.6;transform:translateY(-16px)}.bio-line.visible{animation:.35s forwards fallIn}@keyframes fallIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.bio-line.visible:last-child:after{content:"█";margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.about-spacer{border-bottom:1px solid #3a2800;height:clamp(24px,4vh,48px);margin-bottom:clamp(24px,4vh,48px)}.about-columns{flex-wrap:wrap;gap:clamp(16px,4vw,60px);display:flex}.about-col{flex-direction:column;flex:1;gap:8px;min-width:120px;display:flex}.about-col-header{color:#ffb000;letter-spacing:1px;border-bottom:1px solid #ffb000;margin-bottom:4px;padding-bottom:4px;font-size:clamp(13px,1.8vw,18px)}.about-col-item{color:#c80;cursor:pointer;padding:2px 0;font-size:clamp(12px,1.6vw,16px)}.about-col-item:hover{color:#ffb000;text-decoration:underline}.about-col-item.clickable{cursor:pointer;text-underline-offset:3px;text-decoration:underline}.about-col-item.clickable:hover{color:#ffb000;text-shadow:0 0 8px #ffb000}.about-nav{border-top:1px solid #3a2800;justify-content:center;gap:clamp(16px,4vw,48px);margin-top:auto;padding:clamp(12px,2vh,24px) 0;display:flex}.about-nav-btn{color:#ffb000;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #ffb000;align-items:center;gap:8px;padding:6px 20px;font-family:VT323,monospace;font-size:clamp(14px,2vw,20px);transition:background .15s,color .15s;display:flex}.about-nav-btn:hover{color:#000;background:#ffb000}.about-nav-icon{font-size:clamp(14px,2vw,18px)}.about-nav-label{font-size:clamp(14px,2vw,20px)}