@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";html,body,#root{margin:0;padding:0;height:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#071a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--retro-font: "VT323", monospace}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#0a2626,#071a1a,#061414 70%,#040e0e);font-family:var(--retro-font)}.app:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.04),transparent 60%);z-index:0}.tiles{width:100vw;box-sizing:border-box}.row{display:flex}.tile-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges}.tile-content{position:absolute;inset:0;padding:12px;z-index:1}.tile{display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}.filler{flex:1;background:transparent}.bottom{background:transparent;color:#fff;display:flex;align-items:center;justify-content:center}.tile-image{width:100%;height:100%;object-fit:cover}.about-tile{width:100%;height:100%;box-sizing:border-box}.about-content{width:100%;height:100%;overflow-y:auto;line-height:1.4;font-size:13px;color:#00ff9c}.about-content h1{font-size:14px;letter-spacing:2px;margin-bottom:10px}.about-content p{margin-bottom:12px}.about-content::-webkit-scrollbar{width:10px}.about-content::-webkit-scrollbar-track{background:transparent}.about-content::-webkit-scrollbar-thumb{background:#00ff9c;box-shadow:0 0 6px #00ff9c}.about-content{scrollbar-color:#00ff9c transparent;scrollbar-width:thin}.calendar-tile{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;font-family:var(--retro-font);color:#00ff9c;padding:8px}.calendar-logos{display:flex;gap:12px;margin-bottom:8px}.logo{width:22px;height:22px}.logo.github{color:#0af}.logo.strava{color:#00ff9c}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:1rem;letter-spacing:.1em;margin-bottom:4px}.weekday{opacity:.7}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);gap:4px;flex:1}.calendar-cell{border:1px solid rgba(255,255,255,.1);border-radius:3px;overflow:hidden;position:relative}.calendar-cell.today{border:2px solid #00ff9c}.calendar-cell.has-github:before{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:#0af}.calendar-cell.has-activity:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:#00ff9c}.feedback-tile{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--retro-font);color:#00ff9c}.feedback-header h1{font-size:14px;letter-spacing:2px;margin:0 0 10px;color:#00ff9c}.feedback-textarea{flex:1 1 auto;margin-bottom:10px;width:100%;resize:none;padding:6px;background-color:#0000004d;border:1px solid rgba(0,255,156,.5);color:#00ff9c;font-family:var(--retro-font);font-size:13px;line-height:1.4;outline:none;overflow-y:auto;box-sizing:border-box}.feedback-textarea::placeholder{color:#00ff9c80}.feedback-textarea::-webkit-scrollbar{width:10px}.feedback-textarea::-webkit-scrollbar-track{background:transparent}.feedback-textarea::-webkit-scrollbar-thumb{background:#00ff9c;box-shadow:0 0 6px #00ff9c}.feedback-textarea{scrollbar-color:#00ff9c transparent;scrollbar-width:thin}.feedback-submit{width:100%;padding:8px 0;background-color:#00ff9c;color:#000;font-family:var(--retro-font);font-weight:700;font-size:13px;letter-spacing:1px;border:none;cursor:pointer;text-transform:uppercase}.feedback-submit:hover{background-color:#0c8}.desk{position:relative;width:100%;display:flex;justify-content:center}.desk-image{height:100%;width:auto;object-fit:contain;image-rendering:pixelated;display:block;margin:0 auto}.desk-overlay{position:absolute;inset:0;pointer-events:none}.baseboard{position:absolute;width:clamp(280px,45%,520px);aspect-ratio:3 / 1;left:50%;bottom:25%;transform:translate(-50%);image-rendering:pixelated}.baseboard-image{width:100%;height:100%;display:block;image-rendering:pixelated}.key{position:absolute;image-rendering:pixelated}.split-button{width:100%;padding:8px 0;background-color:#00ff9c;color:#000;font-family:var(--retro-font);font-weight:700;font-size:13px;letter-spacing:1px;border:none;cursor:pointer;text-transform:uppercase}