:root{--primary: #4F46E5;--accent: #10B981;--bg-surface: rgba(15, 23, 42, .75);--bg-surface-blur: blur(16px);--text-main: #FFFFFF;--text-dim: #94A3B8;--danger: #EF4444;--border-radius: 16px;--shadow: 0 10px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;background-color:#0f172a;font-family:Outfit,sans-serif;overflow:hidden}body.ar-session-active,body.ar-session-active html{background-color:transparent!important}#overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;pointer-events:none;display:flex;flex-direction:column}#start-screen,#controls .control-btn,#danger-controls .control-btn,#ar-button-container button{pointer-events:auto}.hidden{display:none!important;opacity:0;pointer-events:none}#status-bar{padding:20px 20px 0;display:flex;justify-content:center;transition:opacity .3s}.status-indicator{background:var(--bg-surface);backdrop-filter:var(--bg-surface-blur);-webkit-backdrop-filter:var(--bg-surface-blur);border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:30px;display:flex;align-items:center;gap:10px}.pulse-dot{width:8px;height:8px;background-color:var(--primary);border-radius:50%;animation:pulse 1.5s infinite}.pulse-dot.scanning{background-color:var(--primary)}.pulse-dot.ready{background-color:var(--accent)}@keyframes pulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 #4f46e5b3}70%{transform:scale(1.2);opacity:.8;box-shadow:0 0 0 8px #4f46e500}to{transform:scale(1);opacity:1;box-shadow:0 0 #4f46e500}}#status-text{color:var(--text-main);font-size:14px;font-weight:500}#start-screen{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,#0f172a00,#0f172af2 40%,#0f172a);padding:80px 24px 60px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:opacity .5s,transform .5s}.header-icon{font-size:72px;margin-bottom:16px;filter:drop-shadow(0 4px 16px rgba(79,70,229,.6))}.title{color:var(--text-main);font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.subtitle{color:var(--text-dim);font-size:16px;line-height:1.5;margin-bottom:32px;max-width:300px}.loading-state{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-dim);font-size:14px;margin-bottom:24px}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#ar-button-container{width:100%;display:flex;justify-content:center}#ar-button-container button{position:relative!important;bottom:auto!important;left:auto!important;margin:0!important;width:100%!important;max-width:320px;height:56px!important;background:var(--primary)!important;color:#fff!important;border:none!important;border-radius:28px!important;font-family:inherit!important;font-size:18px!important;font-weight:600!important;opacity:1!important;box-shadow:0 8px 24px #4f46e566!important;transition:transform .2s,background .2s!important}#ar-button-container button:active{transform:scale(.96)!important}.ios-launch-btn{width:100%;max-width:320px;height:56px;background:var(--primary);color:#fff;border:none;border-radius:28px;font-family:inherit;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #4f46e566;transition:transform .2s;display:flex;align-items:center;justify-content:center}.ios-launch-btn:active{transform:scale(.96)}#tracking-prompt{position:absolute;top:80px;left:50%;transform:translate(-50%);width:90%;max-width:340px;z-index:10}.tracking-prompt-box{background:#ef4444f2;-webkit-backdrop-filter:var(--bg-surface-blur);backdrop-filter:var(--bg-surface-blur);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px #ef444466}.tracking-prompt-box p{color:#fff;font-size:14px;font-weight:600}#ar-instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:300px}.instruction-box{background:var(--bg-surface);-webkit-backdrop-filter:var(--bg-surface-blur);backdrop-filter:var(--bg-surface-blur);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:24px;text-align:center;box-shadow:var(--shadow)}.instruction-box .icon{font-size:40px;margin-bottom:16px}.instruction-box p{color:var(--text-main);font-size:15px;line-height:1.6}#controls{position:absolute;top:80px;left:20px;display:flex;flex-direction:column;gap:12px}#danger-controls{position:absolute;top:80px;right:20px}.control-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;color:var(--text-main);font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;text-align:left;box-shadow:0 4px 12px #0003}.control-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 16px #4f46e566}.control-btn.danger{background:#ef444426;border-color:#ef44444d;color:#fca5a5}#info-card{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:var(--bg-surface);backdrop-filter:var(--bg-surface-blur);-webkit-backdrop-filter:var(--bg-surface-blur);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow);color:var(--text-main);transition:opacity .3s,transform .3s}#shape-name{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--accent);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.properties-grid{display:flex;justify-content:space-between;margin-bottom:20px}.prop{display:flex;flex-direction:column;align-items:center}.prop .label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.prop .value{font-size:20px;font-weight:600}.formulas{background:#0000004d;border-radius:8px;padding:12px}.formulas p{font-size:14px;color:var(--text-dim);margin:4px 0}.formulas strong{color:var(--text-main);font-weight:500}#intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a;background-image:linear-gradient(rgba(79,70,229,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.05) 1px,transparent 1px);background-size:40px 40px;z-index:2000;display:flex;justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s}#intro-screen.fade-out{opacity:0;visibility:hidden}.intro-content{text-align:center;padding:40px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:32px;max-width:85%}.svg-container{width:180px;height:180px;margin:0 auto 30px;filter:drop-shadow(0 0 15px rgba(79,70,229,.5))}.intro-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:1px}.student-id{font-size:16px;color:var(--accent);font-weight:600;margin-bottom:30px;letter-spacing:3px;text-transform:uppercase}.intro-loader{width:150px;height:4px;background:#ffffff1a;margin:0 auto 40px;border-radius:10px;overflow:hidden}.loader-bar{width:0%;height:100%;background:var(--primary);box-shadow:0 0 10px var(--primary);animation:loadBar 2s ease-in-out forwards}.enter-btn{background:var(--primary);color:#fff;border:none;padding:16px 40px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;opacity:0;transform:scale(.9);transition:all .3s;pointer-events:auto}#intro-screen.loaded .enter-btn{opacity:1;transform:scale(1)}.enter-btn:hover{background:#4338ca;transform:translateY(-2px)}@keyframes loadBar{0%{width:0%}to{width:100%}}