:root{--win-bg:silver;--win-dark:gray;--win-light:#fff;--win-black:#000;--win-blue:navy;--win-font:"Courier New", Courier, monospace}*{box-sizing:border-box;cursor:default;margin:0;padding:0}body{color:var(--win-black);font-family:var(--win-font);background-color:teal;height:100vh;position:relative;overflow:hidden}body:before{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:9998;background:radial-gradient(circle,#0000 50%,#00000040 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.cursor-trail{pointer-events:none;z-index:9999;will-change:transform, opacity;background:#fff;border:1px solid #000;width:8px;height:8px;position:fixed}.win-modal,.win-window{background:var(--win-bg);border:3px outset var(--win-light);flex-direction:column;padding:2px;display:flex;box-shadow:2px 2px 10px #00000080}.win-titlebar{background:var(--win-blue);color:var(--win-light);justify-content:space-between;align-items:center;padding:4px 6px;font-weight:700;display:flex}.win-content{padding:12px}.win-btn{background:var(--win-bg);border:2px outset var(--win-light);font-family:var(--win-font);padding:4px 12px;font-weight:700}.win-btn:active{border-style:inset;padding:5px 11px 3px 13px}.win-btn-close{background:var(--win-bg);border:2px outset var(--win-light);color:var(--win-black);text-align:center;width:20px;height:20px;padding:0;font-weight:700;line-height:14px}.win-btn-close:active{border-style:inset}#dialup-modal{z-index:1000;will-change:opacity, transform;width:90vw;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.led-container{gap:8px;margin-bottom:10px;display:flex}.led{background:#333;border:1px inset #fff;border-radius:50%;width:12px;height:12px}.led.active.led-red{background:red;box-shadow:0 0 5px red}.led.active.led-yellow{background:#ff0;box-shadow:0 0 5px #ff0}.led.active.led-green{background:#0f0;box-shadow:0 0 5px #0f0}.terminal{color:#0f0;border:2px inset var(--win-light);background:#000;height:100px;margin-bottom:10px;padding:4px;font-size:12px;overflow-y:auto}.progress-bar{border:2px inset var(--win-light);background:#fff;height:20px;margin-bottom:10px}.progress-fill{background:var(--win-blue);will-change:transform;width:0%;height:100%}.dialup-actions{justify-content:space-between;align-items:center;display:flex}#main-content{will-change:opacity;flex-direction:column;height:100vh;padding:20px;display:flex;overflow-y:auto}.win-header{background:var(--win-bg);border:3px outset var(--win-light);text-align:center;margin-bottom:20px;padding:10px}.profile-photo-container{border:2px inset var(--win-light);background:#000;width:100px;height:100px;position:relative;overflow:hidden}.profile-img{object-fit:cover;filter:invert()contrast(1.5)grayscale();width:100%;height:100%;transition:filter 1s;display:block}.profile-img.normal{filter:invert(0)contrast()grayscale(0)}.slow-mask{background:var(--win-bg);z-index:2;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text span{will-change:transform, opacity;display:inline-block}marquee{color:#0f0;background:#000;border:2px inset #fff;margin-top:10px;padding:4px}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.project-card{background:var(--win-bg);border:3px outset var(--win-light);text-align:center;will-change:transform;padding:10px;transition:box-shadow .2s}.project-card:hover{box-shadow:4px 4px 15px #0009}.chat-window{z-index:500;width:350px;height:400px;display:none;position:absolute;top:20px;right:20px}.chat-window.open{display:flex}.chat-body{border:2px inset var(--win-light);background:#fff;flex:1;margin-top:4px;display:flex}.chat-sidebar{border-right:2px inset var(--win-light);background:var(--win-bg);width:100px;padding:4px}.user-item{margin-bottom:4px;font-size:12px}.user-online{color:green}.user-away{color:orange}.user-busy{color:red}.chat-main{flex-direction:column;flex:1;display:flex}.chat-messages{background:#fff;flex:1;padding:4px;font-size:12px;overflow-y:auto}.chat-input-area{border-top:2px inset var(--win-light);background:var(--win-bg);padding:4px;display:flex}.win-input{border:2px inset var(--win-light);font-family:var(--win-font);flex:1;margin-right:4px;padding:2px}@keyframes blink{0%,to{background:var(--win-blue);color:#fff}50%{color:#000;background:orange}}@keyframes textBlink{0%,to{opacity:1}50%{opacity:0}}.msg-indicator{animation:1s infinite blink}.blink{animation:1s infinite textBlink}.project-modal{z-index:1001;width:90vw;max-width:500px;position:fixed;top:50%;left:50%}.pm-actions{text-align:right;margin-top:15px}.win-footer{background:var(--win-bg);border:3px outset var(--win-light);text-align:center;margin-top:auto;padding:10px}@media (width<=768px){.chat-window{width:95vw;height:90vh;top:5vh;right:2.5vw}}.guestbook-section{margin-bottom:20px}.gb-form{border-bottom:2px inset var(--win-light);flex-direction:column;gap:8px;margin-bottom:15px;padding-bottom:10px;display:flex}.gb-input{width:100%}.gb-btn{align-self:flex-start}.gb-entries{border:2px inset var(--win-light);background:#fff;max-height:200px;padding:5px;overflow-y:auto}.gb-entry{word-break:break-word;border-bottom:1px dashed #ccc;padding:4px 0;font-size:14px}.gb-entry:last-child{border-bottom:none}.gb-date{color:#888;font-size:11px}.gb-author{color:var(--win-blue);font-weight:700}