*{margin:0;padding:0;box-sizing:border-box;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000}.app{width:100vw;height:100vh;position:relative}.control-panel{position:fixed;top:20px;left:20px;width:320px;max-height:calc(100vh - 40px);background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;color:#fff;z-index:100;overflow-y:auto;box-shadow:0 10px 40px #00000080;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.control-panel h2{margin:0 0 20px;font-size:20px;font-weight:600;color:#fff;border-bottom:2px solid #444;padding-bottom:10px}.control-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #333}.control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.control-section h3{margin:0 0 15px;font-size:14px;font-weight:500;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:8px;font-size:13px;color:#ccc;font-weight:400}.control-group label input[type=checkbox]{margin-right:8px;cursor:pointer}.axis-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.axis-controls>div{display:flex;align-items:center;gap:12px;padding:8px 0}.axis-controls span:first-child{width:80px;font-size:12px;color:#888;font-weight:500;flex-shrink:0}.axis-controls span:last-child{min-width:45px;font-size:11px;color:#aaa;text-align:right;flex-shrink:0}input[type=range]{flex:1;height:6px;background:linear-gradient(180deg,#222,#444,#222);border-radius:3px;outline:none;-webkit-appearance:none;box-shadow:inset 0 1px 3px #00000080,0 1px #ffffff1a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(145deg,#6bb2ff,#4a9eff,#3d8bcc);cursor:pointer;border-radius:50%;border:2px solid #2a5c8a;box-shadow:0 2px 8px #4a9eff66,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(145deg,#8cc5ff,#6bb2ff,#5da3e6);box-shadow:0 3px 12px #4a9eff99,inset 0 1px 2px #fff6,inset 0 -1px 2px #0003;transform:scale(1.05)}input[type=range]::-webkit-slider-thumb:active{background:linear-gradient(145deg,#4a9eff,#3d8bcc,#2a5c8a);box-shadow:0 1px 4px #4a9eff4d,inset 0 1px 3px #0000004d,inset 0 -1px 1px #fff3;transform:scale(.95)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(145deg,#6bb2ff,#4a9eff,#3d8bcc);cursor:pointer;border-radius:50%;border:2px solid #2a5c8a;box-shadow:0 2px 8px #4a9eff66,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{background:linear-gradient(145deg,#8cc5ff,#6bb2ff,#5da3e6);box-shadow:0 3px 12px #4a9eff99,inset 0 1px 2px #fff6,inset 0 -1px 2px #0003}input[type=range]::-moz-range-thumb:active{background:linear-gradient(145deg,#4a9eff,#3d8bcc,#2a5c8a);box-shadow:0 1px 4px #4a9eff4d,inset 0 1px 3px #0000004d,inset 0 -1px 1px #fff3}select{width:100%;padding:8px 12px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:6px;font-size:13px;cursor:pointer;outline:none;transition:border-color .2s}select:hover{border-color:#666}select:focus{border-color:#4a9eff}button{width:100%;padding:10px 16px;background:linear-gradient(145deg,#6bb2ff,#4a9eff,#3d8bcc);color:#fff;border:1px solid #2a5c8a;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:8px;box-shadow:0 2px 8px #4a9eff4d,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000001a}button:last-child{margin-bottom:0}button:hover{background:linear-gradient(145deg,#8cc5ff,#6bb2ff,#5da3e6);box-shadow:0 3px 12px #4a9eff66,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000001a;transform:translateY(-1px)}button:active{background:linear-gradient(145deg,#4a9eff,#3d8bcc,#2a5c8a);box-shadow:0 1px 4px #4a9eff33,inset 0 1px 3px #0003,inset 0 -1px 1px #ffffff1a;transform:translateY(1px) scale(.98)}button.remove-btn{background:#f44;margin-top:10px}button.remove-btn:hover{background:#f66}.control-panel::-webkit-scrollbar{width:8px}.control-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px}.control-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.control-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 640px){.control-panel{left:10px;right:10px;width:auto;max-width:100%}}#root{width:100%;height:100%}.app-layout{display:flex;width:100vw;height:100vh;background:#1a1a1a;gap:20px}.controls-side{flex:0 0 360px;background:#0a0a0a;overflow-y:auto}.augmento-logo{width:200px;height:auto;padding:20px;display:block;opacity:.8;background:#0a0a0a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 12px}.background-controls-wrapper{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px 0}.tab-navigation-vertical{display:flex;flex-direction:column;gap:5px}.tab-vertical{background:transparent;border:none;color:#fff9;padding:12px 20px;border-radius:10px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-align:center;min-width:120px}.tab-vertical:hover{color:#fffc;background:#ffffff1a}.tab-vertical.active{background:linear-gradient(145deg,#6bb2ff,#4a9eff,#3d8bcc);color:#fff;box-shadow:0 4px 12px #4a9eff4d}.background-controls-unified{display:flex;flex-direction:column;gap:10px;padding:15px;background:#0000004d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);min-width:140px}.background-input-section{display:flex;justify-content:center;align-items:center}.video-background-section{display:flex;gap:8px;align-items:center;justify-content:center}.bg-upload-btn.video-btn{flex:1}.remove-video-btn{background:#f44;border:none;color:#fff;padding:8px 12px;border-radius:8px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.remove-video-btn:hover{background:#c00;transform:scale(1.05)}.mockup-side{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;background:#1a1a1a}.phone-mockup{display:flex;align-items:center;justify-content:center;height:100%;max-height:calc(100vh - 60px)}.phone-frame{position:relative;background:#000;border-radius:0;padding:0;border:none;box-shadow:none;overflow:hidden;height:min(calc(100vh - 60px),850px);width:calc((min(calc(100vh - 60px),850px)) * 487 / 994)}.phone-background{width:100%;height:100%;position:relative;background:radial-gradient(circle at 30% 20%,rgba(104,73,252,.3) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,255,240,.2) 0%,transparent 50%),linear-gradient(135deg,#2a1b69,#1a0d3d,#0d0520);border-radius:0;overflow:visible}.phone-background:before{content:"";position:absolute;inset:0;background:#0003;z-index:1}.quiz-overlay{position:absolute;top:10%;left:6%;width:88%;height:auto;max-height:72%;z-index:10;display:flex;align-items:flex-start}.quiz-modal{width:100%;min-height:fit-content;background:transparent;isolation:isolate;border-radius:25px;padding:15px;position:relative;border:none;box-shadow:inset 0 1px 3px #ffffff2e,inset 0 8px 24px #ffffff1a,inset 0 -8px 24px #0003;display:flex;flex-direction:column;overflow:visible}.quiz-modal:before{content:"";position:absolute;inset:0;background:#141423d9;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:inherit;z-index:0;box-shadow:inset 0 1px 3px #ffffff2e,inset 0 8px 24px #ffffff1a,inset 0 -8px 24px #0003}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-top:10px}.quiz-title{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:36px;line-height:1.56;color:#fff;text-align:left;flex:1}.quiz-points-container{display:flex;align-items:center;gap:8px}.quiz-points{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:16px;line-height:1.56;letter-spacing:.06em;color:#fff}.coin-icon{width:20px;height:20px;object-fit:contain}.quiz-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-text,.time-left{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:15px;line-height:1.4;color:#ffffff94}.time-left{text-align:right}.progress-bars{display:flex;gap:8px;margin-bottom:20px}.progress-bar{height:6px;border-radius:100px;background:#322182;flex:1}.progress-bar.active{background:#6849fc}.timer-bar-container{width:100%;height:4px;background:#000;border-radius:2px;margin-bottom:20px;overflow:hidden}.timer-bar-progress{height:100%;background:#6849fc;transition:width 1s linear;border-radius:2px}.question-container{position:relative;margin-bottom:20px}.question-text{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:14px;line-height:1.4;color:#fff;padding:15px;background:#0000004d;border-radius:12px;text-align:left;position:relative}.question-edit{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:14px;line-height:1.4;color:#fff;padding:15px;background:#000000b5;border:2px solid #6849FC;border-radius:12px;text-align:left;width:100%;resize:vertical;min-height:60px;outline:none}.answer-options{display:flex;flex-direction:column;gap:12px}.answer-option{padding:8px 12px;border:1px solid #FFFFFF;border-radius:10px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:12px;line-height:1.56;color:#fff;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.answer-option span{flex:1}.answer-edit{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:12px;line-height:1.56;color:#fff;background:#000000b5;border:2px solid #6849FC;border-radius:8px;padding:4px 8px;width:100%;outline:none}.edit-icon{background:none;border:none;color:#888;cursor:pointer;padding:2px 4px;font-size:12px;opacity:0;transition:opacity .2s ease;margin:0;width:auto;min-width:auto}.question-text:hover .edit-icon,.answer-option:hover .edit-icon{opacity:1}.edit-icon:hover{color:#6849fc}.question-text .edit-icon{position:absolute;top:8px;right:8px}.answer-option.selected{border-color:#00fff0;color:#00fff0}.answer-badge{position:absolute;right:-5px;top:-6px;background:#00fff0;color:#000;padding:3px 7px;border-radius:8px;font-size:10px;font-weight:700;line-height:1.56}.answer-submit{padding:12px 16px;background:#6849fc;border-radius:10px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:14px;line-height:1.56;color:#fff;text-align:center;cursor:pointer;border:none;margin-top:15px}.quiz-pointer{position:absolute;left:50%;transform:translate(-50%);width:26px;height:13px;bottom:-27px;background:#141423d9;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);clip-path:polygon(50% 100%,0 0,100% 0);z-index:0}.ar-model-area{position:absolute;bottom:5%;left:15%;width:70%;height:35%;z-index:5}.ar-model-area canvas{border-radius:12px}.camera-feed-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border-radius:min(25px,2.5vh);overflow:hidden}.camera-feed-video{width:100%;height:100%;object-fit:cover}.camera-permission-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:12px;background:#000000b3;padding:10px;border-radius:8px}.tab-navigation{margin-bottom:30px;display:flex;justify-content:center;width:100%}.tabs{display:flex;background:#0000004d;border-radius:25px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.tab{background:transparent;border:none;color:#fff9;padding:12px 24px;border-radius:20px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;margin:0;width:auto;min-width:auto}.tab:hover{color:#fffc;background:#ffffff1a;transform:none}.tab.active{background:linear-gradient(145deg,#6bb2ff,#4a9eff,#3d8bcc);color:#fff;box-shadow:0 4px 12px #4a9eff4d}.collectible-overlay{position:absolute;bottom:33%;left:25%;width:50%;height:auto;z-index:15;display:flex;align-items:center;justify-content:center}.collectible-modal{width:100%;min-height:fit-content;display:flex;align-items:center;justify-content:center}.collectible-content{display:flex;align-items:center;justify-content:center;height:100%}.collectible-bubble{background:transparent;isolation:isolate;border-radius:20px;padding:30px 40px 40px;border:none;box-shadow:inset 0 1px 3px #ffffff2e,inset 0 8px 24px #ffffff1a,inset 0 -8px 24px #0003;text-align:center;position:relative;min-width:200px;overflow:visible}.collectible-bubble:before{content:"";position:absolute;inset:0;background:#141423d9;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:inherit;z-index:0}.collectible-title{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:28px;color:#fff;margin-bottom:20px}.collectible-reward{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:25px}.collectible-coin{width:32px;height:32px;object-fit:contain}.collectible-amount{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:32px;color:#fff}.collectible-claim-btn{background:linear-gradient(145deg,#6347ff,#4a2eff,#3a24cc);border:none;border-radius:25px;padding:12px 40px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:16px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6347ff4d;width:100%;text-transform:uppercase;letter-spacing:.5px}.collectible-claim-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6347ff66}.collectible-claim-btn:active{transform:translateY(0)}.collectible-pointer{position:absolute;left:50%;transform:translate(-50%);width:26px;height:13px;bottom:-53px;background:#141423d9;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);clip-path:polygon(50% 100%,0 0,100% 0);z-index:0}.rewards-modal{padding:20px;background:transparent;isolation:isolate;border-radius:20px;border:none;position:relative;overflow:visible;box-shadow:inset 0 1px 3px #ffffff2e,inset 0 8px 24px #ffffff1a,inset 0 -8px 24px #0003}.rewards-modal:before{content:"";position:absolute;inset:0;background:#141423d9;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:inherit;z-index:0}.rewards-title{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:28px;color:#fff;text-align:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.rewards-content{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.reward-item-new{display:flex;align-items:center;gap:12px;padding:12px 0;transition:all .2s ease;position:relative}.reward-image{width:70px;height:70px;border-radius:8px;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center;position:relative}.reward-image.clickable{cursor:pointer;transition:all .2s ease;border:2px solid transparent}.reward-image.clickable:hover{border-color:#4a9eff80;background:#4a9eff1a;transform:scale(1.05)}.reward-image img{width:100%;height:100%;object-fit:cover}.reward-image-placeholder{color:#fff6;font-size:20px}.reward-info{flex:1;display:flex;flex-direction:column;gap:6px}.reward-coins{display:flex;align-items:center;gap:4px}.coin-icon-small{width:16px;height:16px;object-fit:contain}.reward-coins span{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:12px;color:#ffffffb3}.reward-title{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:14px;color:#fff;margin-bottom:4px}.reward-btn{padding:6px 16px;border:none;border-radius:8px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:11px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;width:fit-content}.reward-btn-claimed{background:#4a9eff;color:#fff}.reward-btn-claim{background:orange;color:#fff}.reward-btn-claim:hover{background:#ff8c00}.reward-btn-disabled{background:#fff3;color:#ffffff80;cursor:not-allowed}.reward-left{position:absolute;top:8px;right:8px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:10px;color:#ffffff80}.welcome-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:40px;padding:40px 20px;z-index:10;overflow:hidden}.welcome-background-controls-external{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:30;align-items:center}.welcome-background-controls{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:10px;z-index:30}.welcome-logo-section{display:flex;justify-content:center;margin-bottom:20px}.welcome-logo{max-width:200px;max-height:150px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s ease}.welcome-logo.clickable:hover{transform:scale(1.05)}.welcome-logo.has-logo{background:none;border:none;padding:0}.welcome-logo.placeholder{border-radius:16px;background:#ffffff1a;border:2px solid transparent;padding:20px;aspect-ratio:1}.welcome-logo.placeholder:hover{border-color:#4a9eff80;background:#4a9eff1a}.logo-image{max-width:200px;max-height:150px;width:auto;height:auto;object-fit:contain}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff6;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;text-align:center}.logo-placeholder span:first-child{font-size:32px}.welcome-title-section{position:relative;width:100%}.welcome-title{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:32px;line-height:1.2;color:#fff;cursor:pointer;position:relative;padding:10px;border-radius:8px;transition:background .2s ease}.welcome-title:hover{background:#ffffff0d}.welcome-title .edit-icon{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s ease}.welcome-title:hover .edit-icon{opacity:1}.title-edit{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:32px;line-height:1.2;color:#fff;background:#000000b5;border:2px solid #6849FC;border-radius:12px;padding:15px;width:100%;text-align:center;resize:none;outline:none;min-height:80px}.welcome-button-section{margin-top:20px}.welcome-start-btn{background:linear-gradient(145deg,#6bb2ff,#4a9eff,#3d8bcc);border:none;border-radius:25px;padding:16px 60px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:18px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4a9eff4d;text-transform:uppercase;letter-spacing:1px}.welcome-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a9eff66}.welcome-start-btn:active{transform:translateY(0)}.view-rewards-button{position:absolute;bottom:7px;left:7px;right:7px;z-index:20}.view-rewards-btn{display:flex;align-items:center;justify-content:space-between;background:#0000001a;border:2px solid rgba(255,255,255,.3);border-radius:15px;padding:12px 20px;width:100%;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-rewards-btn:hover{border-color:#ffffff80;background:#00000026}.rewards-btn-content{display:flex;align-items:center;gap:8px}.trophy-icon{font-size:18px}.btn-text{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:16px;color:#fff}.rewards-btn-coins{display:flex;align-items:center;gap:6px}.coin-icon-btn{width:20px;height:20px;object-fit:contain}.rewards-btn-coins span{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:16px;color:#fff}.external-background-controls{margin-bottom:20px;display:flex;justify-content:center;align-items:center;gap:15px;width:100%}.background-type-toggle{display:flex;background:#0000004d;border-radius:8px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:40px}.bg-toggle{background:transparent;border:none;color:#fff9;padding:0 16px;border-radius:6px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:12px;cursor:pointer;transition:all .2s ease;flex:1;display:flex;align-items:center;justify-content:center}.bg-toggle.active{background:#4a9effcc;color:#fff}.bg-toggle:hover:not(.active){color:#fffc;background:#ffffff1a}.color-picker{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;background:none;outline:none}.background-image-controls{display:flex;justify-content:center}.bg-upload-btn{background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:8px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bg-upload-btn:hover{background:#000000b3;border-color:#4a9eff80}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);padding:15px 20px;z-index:1000;box-shadow:0 -4px 20px #0000004d}.save-buttons{display:flex;justify-content:center;align-items:center;gap:20px;width:100%}.save-btn{background:linear-gradient(145deg,#4a9eff,#6bb2ff,#4a9eff);border:none;border-radius:12px;padding:10px 20px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:12px;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #4a9eff4d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a9eff66}.save-btn:active{transform:translateY(0)}.save-current{background:linear-gradient(145deg,#6bb2ff,#4a9eff,#3d8bcc)}.save-all{background:linear-gradient(145deg,#ff6b6b,#ff4757,#ff3742);box-shadow:0 4px 12px #ff4b574d}.save-all:hover{box-shadow:0 6px 16px #ff4b5766}.control-panel{position:relative;top:0;left:0;width:100%;max-height:100vh;background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;padding:20px;color:#fff;z-index:100;overflow-y:auto;box-shadow:none;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.rewards-title.clickable{position:relative;cursor:pointer;display:flex;align-items:center;gap:8px}.rewards-title.clickable:hover{opacity:.8}.rewards-title-edit{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:24px;font-weight:600;padding:8px 12px;width:100%;text-align:center;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.rewards-title-edit:focus{outline:none;border-color:#4a9effcc;background:#ffffff26}.reward-title.clickable{position:relative;cursor:pointer;display:flex;align-items:center;gap:5px}.quiz-modal>*,.collectible-bubble>*,.rewards-modal>*,.ai-prompt-modal>*{position:relative;z-index:1}.ai-prompt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-prompt-modal{width:85%;max-width:350px;background:transparent;isolation:isolate;border-radius:20px;padding:25px;border:none;box-shadow:inset 0 1px 3px #ffffff2e,inset 0 8px 24px #ffffff1a,inset 0 -8px 24px #0003;position:relative;overflow:hidden}.ai-prompt-modal:before{content:"";position:absolute;inset:0;background:#141423d9;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:inherit;z-index:0}.ai-prompt-header{margin-bottom:20px}.ai-prompt-title{color:#fff;font-size:22px;font-weight:600;text-align:center;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.ai-prompt-content{display:flex;flex-direction:column;gap:15px}.ai-prompt-label{color:#ffffffe6;font-size:14px;font-weight:500;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.ai-prompt-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:15px;padding:12px 15px;width:100%;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.ai-prompt-input::placeholder{color:#ffffff80}.ai-prompt-input:focus{outline:none;border-color:#4a9effcc;background:#ffffff26}.ai-prompt-input:disabled{opacity:.6;cursor:not-allowed}.ai-prompt-generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;padding:14px 20px;cursor:pointer;transition:all .3s ease;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 4px 15px #667eea66}.ai-prompt-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.ai-prompt-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tab-vertical.ai-generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid transparent;color:#fff;font-weight:600;margin-top:25px}.tab-vertical.ai-generate-btn:hover{transform:translate(5px);box-shadow:0 4px 15px #667eea66}.reward-title.clickable:hover{opacity:.8}.reward-title-edit{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:14px;font-weight:500;padding:6px 8px;width:100%;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.reward-title-edit:focus{outline:none;border-color:#4a9effcc;background:#ffffff26}.edit-icon-small{font-size:12px;opacity:0;transition:opacity .2s ease}.clickable:hover .edit-icon-small{opacity:1}.control-panel{display:flex;flex-direction:column;height:100vh;overflow-y:auto}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding:10px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.model-grid-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#ffffff0d;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.model-grid-item:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.02)}.model-emoji{font-size:20px;margin-bottom:4px}.model-name{font-size:10px;color:#fff;text-align:center;font-family:Space Grotesk,sans-serif;font-weight:500;line-height:1.2}.screen-recorder{margin-bottom:20px}.recorder-controls{margin-bottom:15px}.record-btn{width:100%;padding:12px;border:none;border-radius:8px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.record-btn.start{background:linear-gradient(145deg,#ff4757,#ff3742);color:#fff}.record-btn.start:hover{background:linear-gradient(145deg,#ff3742,#ff2837);transform:translateY(-1px);box-shadow:0 4px 12px #ff47574d}.record-btn.stop{background:linear-gradient(145deg,#ffa502,#ff9500);color:#fff}.record-btn.stop:hover{background:linear-gradient(145deg,#ff9500,#ff8c00);transform:translateY(-1px);box-shadow:0 4px 12px #ffa5024d}.recording-status{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.recording-indicator{display:flex;align-items:center;gap:8px;color:#ff4757;font-weight:600;font-size:12px}.pulse-dot{width:8px;height:8px;background:#ff4757;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.recording-result{margin-bottom:15px}.recording-info{font-size:12px;color:#4ade80;margin-bottom:10px;text-align:center;font-weight:500}.recording-actions{display:flex;gap:8px}.download-btn,.clear-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:12px;cursor:pointer;transition:all .2s ease}.download-btn{background:linear-gradient(145deg,#4ade80,#22c55e);color:#fff}.download-btn:hover{background:linear-gradient(145deg,#22c55e,#16a34a);transform:translateY(-1px)}.clear-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.clear-btn:hover{background:#fff3;transform:translateY(-1px)}.recorder-info{font-size:10px;color:#fff9;text-align:center;line-height:1.4}.recorder-info p{margin:2px 0}.recording-method{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:10px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.recording-method label{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;font-weight:500}.recording-method input[type=radio]{accent-color:#4ade80;width:14px;height:14px}.recording-method label:hover{color:#4ade80}.popup-controls{margin-bottom:15px;padding:10px;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:6px}.popup-status{font-size:12px;color:#4ade80;margin-bottom:8px;font-weight:500}.close-popup-btn{padding:6px 12px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.close-popup-btn:hover{background:#fff3;transform:translateY(-1px)}