*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1117;color:#c9d1d9;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100vw;height:100vh}.ui-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.navigation-panel{position:absolute;top:20px;left:20px;background:#161b22;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:16px;pointer-events:auto;border:1px solid #30363d;box-shadow:0 1px 3px #0000001f,0 8px 24px #0000001f}.nav-title{color:#c9d1d9;font-size:16px;margin-bottom:12px;font-weight:600;text-align:center;border-bottom:1px solid #21262d;padding-bottom:12px}.nav-buttons{display:flex;flex-direction:column;gap:10px}.nav-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#c9d1d9;cursor:pointer;transition:all .2s ease;font-size:14px;pointer-events:auto;width:100%;text-align:left}.nav-button:hover{background:#21262d;color:#f0f6fc}.nav-button.active{background:#21262d;color:#f0f6fc;font-weight:600;border-left:2px solid #58a6ff}.nav-icon{font-size:18px}.nav-label{font-weight:500}.info-panel{position:absolute;bottom:20px;right:20px;background:#161b22;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:16px;max-width:400px;max-height:500px;overflow-y:auto;pointer-events:auto;border:1px solid #30363d;box-shadow:0 1px 3px #0000001f,0 8px 24px #0000001f}.info-panel::-webkit-scrollbar{width:8px}.info-panel::-webkit-scrollbar-track{background:#0d1117;border-radius:4px}.info-panel::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.info-panel::-webkit-scrollbar-thumb:hover{background:#484f58}.info-section h2{color:#f0f6fc;font-size:20px;margin-bottom:12px;font-weight:600;border-bottom:1px solid #21262d;padding-bottom:8px}.info-section .subtitle{color:#58a6ff;font-size:16px;margin-bottom:12px;font-weight:500}.info-section p{color:#c9d1d9;line-height:1.5;margin-bottom:8px;font-size:14px}.info-section .description{color:#c9d1d9;line-height:1.6}.experience-item,.project-item{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #21262d}.experience-item:last-child,.project-item:last-child{border-bottom:none}.experience-item h3,.project-item h3{color:#f0f6fc;font-size:16px;margin-bottom:4px;font-weight:600}.company{color:#58a6ff;font-size:14px;margin-bottom:4px}.duration{color:#8b949e;font-size:12px}.skills-grid{display:grid;grid-template-columns:1fr;gap:15px}.skill-category{padding:12px;background:#0d1117;border-radius:6px;border:1px solid #21262d;margin-bottom:8px}.skill-category h3{color:#58a6ff;font-size:14px;margin-bottom:6px;font-weight:600}.skill-category p{color:#8b949e;font-size:13px;margin:0}@media (max-width: 768px){.navigation-panel{top:10px;left:10px;padding:15px}.nav-title{font-size:16px}.nav-button{padding:10px 12px;font-size:12px}.info-panel{bottom:10px;right:10px;left:10px;max-width:none;padding:20px}.info-section h2{font-size:20px}}@media (max-width: 1024px){body{font-size:14px}}@media (max-width: 768px){.ui-container{pointer-events:none}.navigation-panel{top:10px;left:50%;transform:translate(-50%);width:calc(100% - 20px);max-width:420px;padding:12px}.nav-title{font-size:15px;margin-bottom:10px;text-align:center}.nav-buttons{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:6px}.nav-buttons::-webkit-scrollbar{display:none}.nav-button{flex-shrink:0;font-size:12px;padding:8px 10px;white-space:nowrap;border-left:none;border-bottom:2px solid transparent}.nav-button.active{border-left:none;border-bottom:2px solid #58a6ff}.info-panel{left:10px;right:10px;bottom:10px;max-width:none;max-height:45vh;padding:16px;border-radius:10px}.info-section h2{font-size:18px}.info-section .subtitle{font-size:14px}.info-section p{font-size:13px;line-height:1.5}.experience-item h3,.project-item h3{font-size:14px}.company{font-size:13px}.duration{font-size:11px}.skills-grid{gap:12px}.skill-category h3{font-size:13px}.skill-category p{font-size:12px}}@media (max-width: 480px){.navigation-panel{padding:10px}.nav-title{font-size:14px}.nav-button{font-size:11px;padding:6px 8px}.info-panel{max-height:50vh;padding:14px}.info-section h2{font-size:16px}.info-section p{font-size:12px}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0d1117;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{text-align:center;color:#c9d1d9}.spinner{width:60px;height:60px;border:4px solid rgba(48,54,61,.3);border-top:4px solid #58a6ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content h2{font-size:20px;margin-bottom:10px;font-weight:600;color:#f0f6fc}.loading-content p{font-size:14px;color:#8b949e}.app-container{position:relative;width:100vw;height:100vh;overflow:hidden}canvas{width:100%!important;height:100%!important;display:block}@media (max-width: 1024px){body{font-size:15px}}@media (max-width: 768px){body{font-size:14px;overflow:hidden}.app-container{touch-action:none}}@media (max-width: 480px){body{font-size:13px}canvas{touch-action:none}}@media (max-width: 768px){canvas{pointer-events:none!important}}