*{margin:0;padding:0;box-sizing:border-box;font-family:SF Pro,Helvetica Neue,sans-serif;outline:none}body{overflow:hidden;background-color:#000;overscroll-behavior:none;-webkit-user-select:none;user-select:none}canvas{display:block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ui-button{width:44px;height:44px;background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 1.5s ease-in-out,transform .2s ease;opacity:0;animation:fadeIn .5s ease .6s forwards}.ui-button svg{width:24px;height:24px;color:#fffc;transition:color 1s ease-in-out}.ui-button:hover{transform:scale(1.07)}.ui-button:hover svg{color:#fff}body.night-mode .ui-button{background:#ffffff1f}body.night-mode .ui-button:hover{background:#ffffff4d}body.night-mode .ui-button:hover svg{color:#fff}#audio-container{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:0;z-index:50}#audio-toggle{flex-shrink:0;position:relative;z-index:2}#now-playing{height:36px;background:#1414144d;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:0;border-radius:0 18px 18px 0;display:flex;align-items:center;justify-content:center;margin-left:-18px;padding-left:24px;padding-right:16px;overflow:hidden;opacity:0;transform:scaleX(0);transform-origin:left center;transition:transform .4s ease,opacity .4s ease,background 1s ease-in-out;will-change:transform,opacity}body.night-mode #now-playing{background:#ffffff26}#now-playing.visible{transform:scaleX(1);opacity:1}#now-playing span{font-size:14px;line-height:1;font-weight:400;color:#ffffffd9;white-space:nowrap}#night-mode-container{position:fixed;top:20px;right:20px;z-index:2}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity 1s ease}#loading-overlay.fade-out{opacity:0;pointer-events:none}#about-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}#about-overlay.visible{pointer-events:auto}#about-overlay.hidden{visibility:hidden}#about-overlay.visible #about-paper{transform:scale(1);opacity:1}#about-paper{position:relative;width:min(90vw,480px);padding:40px;background:#28282826;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;border:1px solid rgba(255,255,255,.4);transform:scale(.9);opacity:0;transition:transform .3s ease,opacity .3s ease}#about-close{position:absolute;top:12px;right:14px;width:32px;height:32px;background:transparent;border:none;border-radius:50%;font-size:24px;color:#ffffffb3;cursor:pointer;transition:color .2s ease;line-height:1}#about-close:hover{color:#fff}#about-content{color:#fff;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}#about-content a{font-weight:400;color:#fff;text-decoration:dotted underline}#about-content a:hover{font-weight:400;color:#b8f839;text-decoration:none}#about-content h1{font-size:28px;font-weight:500;margin-bottom:18px;color:#fff}#about-content p{font-size:20px;font-weight:300;line-height:1.4;margin-bottom:18px;color:#ffffffe6}#resume-link{display:inline-block;margin-top:12px;padding:12px 24px;background:#fff3;color:#fff;text-decoration:none!important;font-size:16px;font-weight:400;border-radius:32px;border:1px solid rgba(255,255,255,.3);transition:background .2s ease}#resume-link:hover{background:#ffffff4d}@media (max-width: 768px){#about-paper{width:min(92vw,420px);padding:40px 32px}#about-content h1{font-size:24px}#about-content p{font-size:18px}}@media (max-width: 480px){#about-paper{width:92vw;padding:28px 24px}#about-content h1{font-size:26px}#about-content p{font-size:19px}#about-content strong{font-weight:500}#resume-link{display:block;text-align:center;padding:14px 20px}}