*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(160deg,#0f0f0f,#1a1a2e 40%,#16213e)}.app-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.title{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);color:#fff;font-size:clamp(1rem,4vw,1.8rem);font-weight:200;letter-spacing:.2em;text-transform:uppercase;z-index:100;text-shadow:0 2px 20px rgba(0,0,0,.5);white-space:nowrap}.nav-tabs{position:absolute;top:5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:100;background:#ffffff0d;padding:.3rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.nav-tab{padding:.5rem 1.2rem;color:#fff9;text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:.05em;border-radius:8px;transition:all .2s ease}.nav-tab:hover{color:#ffffffe6;background:#ffffff1a}.nav-tab.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #667eea4d}model-viewer{width:100%;height:100%;--poster-color: transparent}.ar-button{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);padding:.8rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 20px #667eea66;transition:all .3s ease;z-index:100}.ar-button:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 30px #667eea99}.ar-button:active{transform:translate(-50%) scale(.98)}.controls-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);color:#fff6;font-size:.8rem;letter-spacing:.05em;z-index:100;text-align:center;white-space:nowrap}.footer{position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);color:#ffffff4d;font-size:.7rem;z-index:100;white-space:nowrap}.footer a{color:#ffffff80;text-decoration:none;transition:color .2s ease}.footer a:hover{color:#fffc}.progress-bar{display:block;width:33%;height:4px;max-height:4px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:4px;box-shadow:0 0 10px #0000004d;background-color:#ffffff1a;overflow:hidden}.update-bar{background:linear-gradient(90deg,#667eea,#764ba2);width:0%;height:100%;transition:width .3s}@media (max-width: 600px){.title{font-size:1.4rem;top:1rem}.nav-tabs{top:4rem}.nav-tab{padding:.4rem 1rem;font-size:.85rem}.controls-hint{font-size:clamp(.6rem,2.5vw,.8rem);padding:0 1rem;white-space:nowrap}.ar-button{bottom:4rem;padding:.7rem 1.2rem;font-size:.9rem}}