@import "https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&family=Playfair+Display:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--cream:#f9efe4;--teal:#089493;--pink:#ff9398;--dark:#1a1a1a;--gray-light:#d4d0c8;--gray-mid:#b0a898;--gray-dark:#7a7060;--window-bg:#ece9d8;--border-light:#fff;--border-dark:#555;--font-mono:"Share Tech Mono", "Courier New", monospace;--font-vt:"VT323", monospace;--font-serif:"Playfair Display", Georgia, serif}html,body{background:var(--cream);width:100%;height:100%;overflow:hidden}body{font-family:var(--font-mono);-webkit-user-select:none;user-select:none;cursor:default}#root{width:100%;height:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--gray-light);border-left:1px solid var(--gray-mid)}::-webkit-scrollbar-thumb{background:var(--gray-mid);border:1px solid var(--gray-dark)}::-webkit-scrollbar-thumb:hover{background:var(--gray-dark)}.boot-screen{z-index:9999;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot-text{font-family:var(--font-vt);color:#00ff41;white-space:pre;text-shadow:0 0 8px #00ff41;font-size:14px;line-height:1.4}.boot-progress-container{border:1px solid #00ff41;width:300px;margin-top:24px;padding:2px}.boot-progress-bar{background:#00ff41;height:12px;transition:width .15s linear;box-shadow:0 0 8px #00ff41}.desktop{position:fixed;inset:0;overflow:hidden}.desktop-wallpaper{pointer-events:none;position:absolute;inset:0}.menu-bar{background:var(--cream);border-bottom:1px solid var(--gray-mid);z-index:1000;align-items:center;gap:2px;height:22px;padding:0 8px;display:flex;position:absolute;top:0;left:0;right:0}.menu-bar-logo{margin-right:8px;font-size:16px;line-height:1}.menu-item{font-family:var(--font-mono);cursor:pointer;color:var(--dark);border-radius:2px;padding:2px 8px;font-size:11px;position:relative}.menu-item:hover,.menu-item.active{background:var(--dark);color:#fff}.menu-bar-right{font-family:var(--font-mono);color:var(--dark);align-items:center;gap:16px;margin-left:auto;font-size:11px;display:flex}.dropdown{background:var(--cream);border:1px solid var(--gray-dark);z-index:2000;min-width:160px;padding:2px 0;position:absolute;top:100%;left:0;box-shadow:2px 2px #0000004d}.dropdown-item{cursor:pointer;white-space:nowrap;padding:3px 20px 3px 24px;font-size:11px}.dropdown-item:hover{background:var(--dark);color:#fff}.dropdown-divider{background:var(--gray-mid);height:1px;margin:3px 0}.mac-window{background:var(--cream);box-shadow:none;border:1px solid #000c;border-radius:7px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.mac-window-titlebar{background:var(--cream);cursor:move;border-bottom:1px solid #000c;border-radius:7px 7px 0 0;flex-shrink:0;align-items:center;gap:8px;height:36px;padding:0 10px;display:flex}.mac-window-titlebar.inactive{background:var(--cream);opacity:.85}.mac-window-btn{cursor:pointer;color:#00000073;background:0 0;border:1px solid #000c;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;transition:background .12s,color .12s;display:flex}.mac-window-btn:hover{color:#000000b3;background:#00000014}.mac-window-title{text-align:right;font-family:var(--font-vt);color:var(--dark);letter-spacing:2px;text-transform:uppercase;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:18px;font-weight:700;overflow:hidden}.mac-window-content{flex:1;overflow:auto}.mp-wrap{background:var(--cream);flex-direction:column;gap:8px;padding:10px;display:flex}.mp-infobox{background:#fff;border:1px solid #000c;border-radius:6px;flex-direction:column;gap:0;padding:10px 10px 8px;display:flex}.mp-row-title{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.mp-track{font-family:var(--font-mono);color:var(--dark);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:700;overflow:hidden}.mp-title-actions{flex-shrink:0;gap:6px;display:flex}.mp-action-btn{color:#00000059;cursor:pointer;font-size:13px;line-height:1}.mp-action-btn:hover{color:var(--dark)}.mp-artist{font-family:var(--font-mono);color:var(--gray-dark);margin-top:2px;font-size:11px}.mp-hr{background:#00000059;height:1px;margin:7px 0 6px}.mp-row-controls{justify-content:space-between;align-items:center;display:flex}.mp-left-meta{align-items:center;gap:4px;display:flex}.mp-ctrl-group{gap:3px;display:flex}.mp-btn{cursor:pointer;background:var(--cream);width:32px;height:28px;color:var(--dark);font-size:12px;font-family:var(--font-mono);border:1px solid #000c;border-radius:5px;justify-content:center;align-items:center;transition:background .1s;display:flex}.mp-btn:hover{background:#0000000f}.mp-btn:active{background:#0006}.mp-btn-play{color:#1a1a1a;background:#9dd5d4;border-color:#7bbfbe;font-size:14px}.mp-btn-play:hover{background:#84c8c7}.mp-channel-row{align-items:center;gap:5px;display:flex}.mp-channel-select{min-width:0;font-family:var(--font-mono);background:var(--cream);color:var(--dark);cursor:pointer;appearance:none;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #000c;border-radius:5px;flex:1;padding:5px 24px 5px 8px;font-size:11px;overflow:hidden}.mp-btn-vol{background:var(--cream);width:44px;font-size:14px}.mp-vol-popup{z-index:999;background:#fff;border:1px solid #000c;border-radius:7px;flex-direction:column;align-items:center;padding:8px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 4px 14px #0006}.about-window{font-family:var(--font-mono);color:var(--dark);padding:16px;font-size:11px;line-height:1.6}.about-logo{text-align:center;font-family:var(--font-vt);color:var(--teal);text-shadow:2px 2px 0 var(--pink);margin-bottom:12px;font-size:36px;line-height:1}.about-divider{background:linear-gradient(to right, transparent, var(--gray-mid), transparent);height:1px;margin:10px 0}.about-link{color:var(--teal);cursor:pointer;text-decoration:underline}.desktop-icons{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:32px;right:16px}.desktop-icon{cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;gap:3px;width:64px;padding:4px;display:flex}.desktop-icon:hover,.desktop-icon.selected{background:#08949333;border-color:#08949380}.icon-image{justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;display:flex}.icon-label{font-family:var(--font-mono);color:var(--dark);text-align:center;word-break:break-word;font-size:9px;line-height:1.2}.status-bar{display:none}.taskbar{background:var(--cream);z-index:500;border:1px solid #000c;border-bottom:none;border-radius:7px 7px 0 0;gap:0;padding:4px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.taskbar-sep{background:#000c;flex-shrink:0;align-self:stretch;width:1px;margin:-4px 0}.taskbar-btn{width:80px;height:78px;font-family:var(--font-mono);cursor:pointer;color:var(--dark);background:0 0;border:none;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;transition:background .12s;display:flex}.taskbar-btn .tb-icon{justify-content:center;align-items:center;line-height:1;display:flex}.taskbar-btn .tb-label{letter-spacing:.2px;color:#555;font-size:11px;line-height:1;font-family:var(--font-mono)}.taskbar-btn:hover{background:#0000000f;border-color:#00000038}.taskbar-btn.active{background:#0894931f;border-color:#08949359}.taskbar-btn.active .tb-label{color:var(--teal)}@keyframes glitch1{0%{clip-path:inset(40% 0 61%);transform:translate(-4px)}20%{clip-path:inset(92% 0 1%);transform:translate(4px)}40%{clip-path:inset(43% 0 1%);transform:translate(-4px)}60%{clip-path:inset(25% 0 58%);transform:translate(4px)}80%{clip-path:inset(54% 0 7%);transform:translate(-4px)}to{clip-path:inset(58% 0 43%);transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:1s step-end infinite blink}.pixel-tile{image-rendering:pixelated;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.contact-wrap{background:var(--cream);flex-direction:column;gap:6px;height:100%;padding:10px;display:flex}.contact-section-label{font-family:var(--font-mono);color:var(--gray-dark);letter-spacing:1px;padding-left:2px;font-size:9px}.contact-infobox{background:#fff;border:1px solid #000c;border-radius:6px;overflow:hidden}.contact-phone-row{align-items:center;gap:6px;display:flex}.contact-select{font-family:var(--font-mono);color:var(--dark);cursor:pointer;background:#fff;border:1px solid #000c;border-radius:6px;outline:none;flex-shrink:0;width:110px;padding:5px 4px;font-size:10px}.contact-input{font-family:var(--font-mono);color:var(--dark);background:#fff;border:1px solid #000c;border-radius:6px;outline:none;flex:1;min-width:0;padding:5px 8px;font-size:11px}.contact-input::placeholder{color:var(--gray-mid)}.contact-message-box{flex:1;min-height:0;display:flex}.contact-textarea{font-family:var(--font-mono);color:var(--dark);resize:none;background:#fff;border:none;outline:none;width:100%;height:100%;padding:8px;font-size:11px;line-height:1.5}.contact-textarea::placeholder{color:var(--gray-mid)}.contact-footer{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.contact-status{font-family:var(--font-mono);font-size:10px}.contact-status.ok{color:var(--teal)}.contact-status.error{color:#c0392b}.contact-send-btn{font-family:var(--font-mono);color:var(--dark);background:var(--cream);cursor:pointer;letter-spacing:1px;border:1px solid #000c;border-radius:5px;padding:4px 12px;font-size:11px}.contact-send-btn:hover:not(:disabled){background:var(--dark);color:var(--cream)}.contact-send-btn:disabled{opacity:.4;cursor:default}.resize-handle{cursor:se-resize;background:linear-gradient(135deg, transparent 33%, var(--gray-dark) 33%, var(--gray-dark) 45%, transparent 45%), linear-gradient(135deg, transparent 55%, var(--gray-dark) 55%, var(--gray-dark) 67%, transparent 67%), linear-gradient(135deg, transparent 77%, var(--gray-dark) 77%, var(--gray-dark) 89%, transparent 89%);width:14px;height:14px;position:absolute;bottom:0;right:0}