@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";
:root{--purple:#34206f;--purple-light:#6d5bb3;--ink:#17151c;--paper:#f8f7f2;--muted:#77717f;--link:#5436a8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--purple);color:var(--ink);font-family:VT323,monospace;font-size:20px;line-height:1.25}a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}a:hover,a:focus-visible{color:#111}.desktop{min-height:100vh;padding:76px 24px 48px;position:relative}.menu-bar{color:#fff;background:#0e0c11;border-bottom:2px solid #000;align-items:center;gap:28px;height:32px;padding:0 16px;font-size:18px;display:flex;position:absolute;top:0;left:0;right:0}.menu-right{align-items:center;gap:14px;margin-left:auto;display:flex}.topbar-player{color:#bfb8c7;align-items:center;gap:10px;height:30px;text-decoration:none;display:flex}.topbar-player:hover,.topbar-player:focus-visible{color:#fff}.topbar-track{letter-spacing:.06em;white-space:nowrap;font-size:14px}.topbar-cava{align-items:center;gap:2px;width:108px;height:18px;display:flex}.topbar-cava i{background:linear-gradient(#c1a7ff,#7252d1);flex:1 1 0;min-height:2px;transition:height 80ms linear;display:block;box-shadow:0 0 3px #9d75ff73}.menu-status-icon{width:16px;height:16px;position:relative}.menu-status-icon i{background:#b99aff;width:2px;height:10px;position:absolute;top:1px;left:8px}.menu-status-icon i:before{content:"";background:#b99aff;border-radius:50%;width:7px;height:5px;position:absolute;bottom:-2px;right:0}.menu-status-icon i:after{content:"";border-top:2px solid #b99aff;border-right:2px solid #b99aff;width:5px;height:4px;position:absolute;top:0;left:0;transform:skewY(24deg)}.profile-window{background:var(--paper);z-index:2;border:2px solid #000;width:100%;max-width:680px;margin:0 auto;position:relative;box-shadow:8px 8px #00000038}.window-title{color:#fff;letter-spacing:.03em;background:#15131a;justify-content:space-between;align-items:center;min-height:34px;padding:4px 8px 4px 14px;display:flex}.window-controls{gap:6px;display:flex}.window-controls i{border:1px solid #fff;width:15px;height:15px;display:block;position:relative}.window-controls i:first-child:after{content:"";background:#fff;width:7px;height:1px;position:absolute;bottom:3px;left:3px}.window-controls i:last-child:before,.window-controls i:last-child:after{content:"";background:#fff;width:9px;height:1px;position:absolute;top:6px;left:2px}.window-controls i:last-child:before{transform:rotate(45deg)}.window-controls i:last-child:after{transform:rotate(-45deg)}.profile-content{padding:44px 48px 32px}h1,h2,p{margin-top:0}h1{margin-bottom:22px;font-size:36px;font-weight:400;line-height:1}h2{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:17px;font-weight:400}p{margin-bottom:12px}section{margin-top:36px}.work-list{margin:0;padding:0;list-style:none}.work-list li{margin-bottom:9px}.work-list span{color:#3e3944}footer{border-top:1px solid #c9c5cb;margin-top:36px;padding-top:18px}footer nav{flex-wrap:wrap;gap:8px 18px;display:flex}.desktop-label{color:#b6a9e1;text-align:right;max-width:680px;margin:22px auto 0;font-size:17px}@media (max-width:600px){body{font-size:19px}.desktop{padding:52px 12px 24px}.menu-bar{gap:16px;padding:0 10px}.menu-bar>span:not(.menu-status-icon),.topbar-track{display:none}.topbar-cava{width:92px}.profile-content{padding:32px 24px 26px}h1{font-size:32px}section{margin-top:30px}.work-list li{margin-bottom:14px}.work-list span{padding-left:14px;display:block}}@media (prefers-reduced-motion:reduce){.topbar-cava i{transition:none}}