.test-page{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#050510;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.test-page canvas{touch-action:none}.hint-text{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:10;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:#ffffff4d;pointer-events:none;animation:hintFade 4s ease forwards;animation-delay:2s;opacity:0}@keyframes hintFade{0%{opacity:0;transform:translate(-50%) translateY(10px)}30%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.back-link{position:fixed;top:20px;left:20px;z-index:100;color:#fff6;text-decoration:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;letter-spacing:.06em;transition:color .3s ease;padding:8px 14px;border-radius:6px;background:rgba(5,5,16,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.back-link:hover{color:#00d4ff}.gyro-button{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;padding:12px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;font-weight:600;color:#fff;background:rgba(0,212,255,.2);border:1px solid rgba(0,212,255,.4);border-radius:8px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:.08em;transition:background .3s ease}.gyro-button:hover{background:rgba(0,212,255,.35)}.holo-panel{width:420px;padding:20px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fffffff2;pointer-events:none;opacity:0;transition:opacity .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.holo-panel .panel-header{font-size:14px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#00d4ff;margin-bottom:4px;padding-bottom:6px;border-bottom:1px solid rgba(0,212,255,.3);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.holo-panel .panel-subheader{font-size:10px;font-weight:500;letter-spacing:.15em;color:#00d4ff80;margin-bottom:12px;font-family:SF Mono,Fira Code,Consolas,monospace}.holo-panel .entry{margin-bottom:8px;opacity:0;transform:translate(-8px);transition:opacity .5s ease,transform .5s ease}.holo-panel.visible .entry{opacity:1;transform:translate(0)}.holo-panel.visible .entry:nth-child(3){transition-delay:.1s}.holo-panel.visible .entry:nth-child(4){transition-delay:.2s}.holo-panel.visible .entry:nth-child(5){transition-delay:.3s}.holo-panel.visible .entry:nth-child(6){transition-delay:.4s}.holo-panel.visible .entry:nth-child(7){transition-delay:.5s}.holo-panel .entry-title{font-size:13px;font-weight:600;color:#fff}.holo-panel .entry-desc{font-size:11px;font-weight:400;color:#ffffffbf;line-height:1.5;margin-top:2px}.holo-panel .entry-meta{font-size:10px;font-weight:500;color:#00d4ff99;margin-top:2px;font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.06em}.name-overlay{position:fixed;bottom:48px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;animation:nameReveal 2s ease forwards;animation-delay:2s}.name-main{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.4rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:#ffffffbf;text-shadow:0 0 40px rgba(0,212,255,.15)}.name-sub{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.72rem;font-weight:300;letter-spacing:.45em;text-transform:uppercase;color:#00d4ff66;margin-top:8px}@keyframes nameReveal{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-buttons{position:fixed;top:20px;right:20px;z-index:100;display:flex;gap:4px;background:rgba(5,5,16,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px}@keyframes navReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-buttons button{background:transparent;border:none;color:#ffffff80;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border-radius:5px;cursor:pointer;transition:all .25s ease}.nav-buttons button:hover{color:#00d4ff;background:rgba(0,212,255,.08)}.nav-buttons button.active{color:#00d4ff;background:rgba(0,212,255,.12)}.controls-overlay{position:fixed;bottom:20px;right:20px;z-index:10;background:rgba(5,5,16,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 14px;opacity:.4;transition:opacity .3s ease;pointer-events:auto}.controls-overlay:hover{opacity:.9}.controls-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#00d4ff8c;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(0,212,255,.12)}.controls-row{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;color:#ffffff80;line-height:1.8;white-space:nowrap}.controls-key{display:inline-block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:1px 5px;margin-right:3px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:9px;color:#ffffffb3;min-width:18px;text-align:center}.content-overlay{position:fixed;inset:0;z-index:200;background:rgba(5,5,16,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:auto;overscroll-behavior:contain;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.overlay-close{position:fixed;top:20px;right:20px;z-index:210;background:rgba(5,5,16,.6);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;cursor:pointer;color:#fff9;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.overlay-close:hover{color:#ffffffe6;border-color:#ffffff40;background:rgba(255,255,255,.06)}.overlay-inner{width:100%;max-width:800px;padding:60px 30px 40px;animation:overlaySlideIn .4s ease}@keyframes overlaySlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.overlay-heading{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ffffffe6;margin:0 0 4px;text-shadow:0 0 30px rgba(0,212,255,.12)}.overlay-subheading{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.7rem;font-weight:400;letter-spacing:.15em;color:#00d4ff73;margin:0 0 28px}.overlay-text p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;line-height:1.8;color:#ffffffb3;margin-bottom:24px}.overlay-block{margin-bottom:28px}.overlay-block h3{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#00d4ffb3;margin:0 0 14px;padding-bottom:6px;border-bottom:1px solid rgba(0,212,255,.15)}.overlay-entry{margin-bottom:18px;padding-left:14px;border-left:2px solid rgba(0,212,255,.2)}.overlay-entry-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.overlay-entry-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:600;color:#ffffffe6}.overlay-entry-date{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:400;color:#fff6;white-space:nowrap}.overlay-entry-meta{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;font-weight:500;color:#ffffff80;margin:2px 0 4px}.overlay-entry-desc{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.82rem;line-height:1.6;color:#fff9;margin:4px 0 0}ul.overlay-entry-desc{padding-left:18px;list-style-type:disc}ul.overlay-entry-desc li{margin-bottom:3px}.overlay-skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overlay-skill-category{padding:12px 14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px}.overlay-skill-category h4{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:600;color:#00d4ffa6;margin:0 0 6px;letter-spacing:.08em}.overlay-skill-category p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.82rem;line-height:1.5;color:#fff9;margin:0}.overlay-projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overlay-project-card{padding:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .25s ease}.overlay-project-card:hover{border-color:#00d4ff33;background:rgba(0,212,255,.04);transform:translateY(-2px)}.overlay-project-card h4{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:600;color:#ffffffe6;margin:0 0 8px}.overlay-project-card p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;line-height:1.6;color:#ffffff8c;margin:0 0 12px}.overlay-tags{display:flex;flex-wrap:wrap;gap:6px}.overlay-tags span{background:rgba(0,212,255,.06);color:#00d4ff8c;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.65rem;font-weight:500;padding:3px 8px;border-radius:4px;letter-spacing:.03em}.overlay-contact-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:400px}.overlay-contact-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:10px;text-decoration:none;transition:all .25s ease;color:#fff9}.overlay-contact-item:hover{border-color:#00d4ff33;background:rgba(0,212,255,.05);transform:translate(4px)}.overlay-contact-item svg{flex-shrink:0;color:#00d4ff80}.overlay-contact-item h4{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;font-weight:600;color:#ffffffd9;margin:0 0 2px}.overlay-contact-item p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.78rem;color:#ffffff73;margin:0}@media (max-width: 768px){.nav-buttons{top:10px;right:10px;gap:2px;padding:3px}.nav-buttons button{font-size:.6rem;padding:6px 8px;letter-spacing:.1em}.overlay-inner{padding:60px 16px 30px;padding-bottom:max(30px,env(safe-area-inset-bottom,30px))}.overlay-heading{font-size:1.3rem}.overlay-skills-grid,.overlay-projects-grid{grid-template-columns:1fr}.overlay-entry-header{flex-direction:column;gap:2px}.name-overlay{bottom:120px}.controls-overlay{bottom:12px;right:12px;left:12px;text-align:center;padding-bottom:max(10px,env(safe-area-inset-bottom,10px))}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;background-color:#272727;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;color:#fff;background-color:#333}#root{overflow:auto}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;font-family:helvetica neue,helvetica,arial,sans-serif;-webkit-font-smoothing:antialiased}header{color:#fff;padding:20px;text-align:center}main{max-width:1200px;margin:0 auto;padding:20px}figcaption{font-size:22px;font-style:italic;text-align:center;margin-top:0;margin-bottom:10px}img{max-width:100%;height:auto;margin-top:20px}.btn{cursor:pointer;border-radius:5px;margin:8px;padding:8px;font-weight:700;background:rgba(0,0,0,.7);color:#f0f8ff}