.alert-modern .alert-wrapper{border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;max-width:320px!important}.alert-modern .alert-head{background:#fff!important;background-color:#fff!important;padding:16px 16px 10px!important;border-bottom:1px solid #f3f4f6!important}.alert-modern .alert-title{color:#111827!important;font-size:15px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:8px!important}.alert-modern .alert-head:before{content:"";display:inline-block;flex-shrink:0;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle;margin-right:6px;position:static;transform:none;float:left;margin-top:2px}.alert-modern .alert-message{background:#fff!important;padding:8px 16px 12px!important;color:#6b7280!important;font-size:13px!important;line-height:1.5!important}.alert-modern .alert-button-group{background:#fff!important;padding:0 12px 12px!important;gap:6px!important;display:flex!important;flex-direction:column!important}.alert-modern .alert-button{border-radius:8px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;min-height:40px!important;font-size:14px!important;padding:0 16px!important;border:none!important;cursor:pointer!important;width:100%!important}.alert-modern .alert-button .alert-button-inner{justify-content:center!important}.alert-modern .alert-button:not(.alert-button-role-cancel):not(.alert-button-role-destructive){background:var(--ion-color-primary, #6366f1)!important;color:#fff!important}.alert-modern .alert-button-role-cancel{background:#f3f4f6!important;color:#374151!important}.alert-modern .alert-button-role-destructive{background:#fef2f2!important;color:#ef4444!important}.alert-success .alert-wrapper{border-left:4px solid #10b981!important}.alert-danger .alert-wrapper{border-left:4px solid #ef4444!important}.alert-warning .alert-wrapper{border-left:4px solid #f59e0b!important}.alert-info .alert-wrapper{border-left:4px solid #3b82f6!important}.alert-success .alert-head:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2310b981'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E")}.alert-danger .alert-head:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ef4444'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd'/%3E%3C/svg%3E")}.alert-warning .alert-head:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23f59e0b'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E")}.alert-info .alert-head:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%233b82f6'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E")}.brand-section{flex:1;background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%);display:flex;align-items:center;justify-content:center;padding:30px;position:relative;overflow:hidden}.brand-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="rgba(255,255,255,0.15)"/></pattern></defs><rect width="100%" height="100%" fill="url(%23dots)"/></svg>');opacity:.4;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.brand-content{text-align:center;color:#fff;z-index:2;position:relative;max-width:400px;animation:slideInUp 1s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cardinal-point{position:absolute;font-size:24px;font-weight:700;color:rgba(255,255,255,.6);z-index:1;animation:rotate 10s linear infinite;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cardinal-point.north{top:20px;left:50%;transform:translate(-50%)}.cardinal-point.south{bottom:20px;left:50%;transform:translate(-50%)}.cardinal-point.east{right:20px;top:50%;transform:translateY(-50%)}.cardinal-point.west{left:20px;top:50%;transform:translateY(-50%)}@keyframes rotate{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.cardinal-point.south{animation-name:rotateSouth}.cardinal-point.east{animation-name:rotateEast}.cardinal-point.west{animation-name:rotateWest}@keyframes rotateSouth{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@keyframes rotateEast{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes rotateWest{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:40px;gap:12px}.logo-icon{width:60px;height:60px;background:rgba(255,255,255,.25);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s ease}.logo-icon:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.15)}.logo-text{font-size:32px;font-weight:700;letter-spacing:-.5px}.brand-title{font-size:32px;font-weight:700;margin:0 0 16px;line-height:1.2}.brand-subtitle{font-size:18px;opacity:.9;line-height:1.5;margin:0;font-weight:400}@media(max-width:1024px){.brand-section{padding:30px 20px;min-height:40vh}.brand-title{font-size:32px}.logo-text{font-size:28px}.cardinal-point{font-size:20px}}@media(max-width:768px){.brand-section{padding:30px 16px;min-height:35vh}.brand-title{font-size:28px}.logo{margin-bottom:24px}.logo-icon{width:50px;height:50px;font-size:24px}.logo-text{font-size:24px}.cardinal-point{font-size:18px}.cardinal-point.north{top:15px}.cardinal-point.south{bottom:15px}.cardinal-point.east{right:15px}.cardinal-point.west{left:15px}}@media(max-width:480px){.brand-section{padding:20px 16px;min-height:30vh}.brand-title{font-size:28px}.brand-subtitle,.cardinal-point{font-size:16px}.cardinal-point.north{top:10px}.cardinal-point.south{bottom:10px}.cardinal-point.east{right:10px}.cardinal-point.west{left:10px}}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px}.input-item{--background: var(--background);--border-radius: 16px;--padding-start: 16px;--padding-end: 16px;--min-height: 52px;border:2px solid var(--border);border-radius:16px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.02)}.input-item:focus-within{border-color:var(--ion-color-primary);--background: var(--surface);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.1),0 4px 16px rgba(0,0,0,.05);transform:translateY(-1px)}.input-item ion-icon{color:var(--text-light);margin-right:12px}.custom-input{--padding-start: 0;--padding-end: 0;font-size:16px}.error-text{font-size:12px;margin-top:4px;display:block;color:var(--ion-color-danger)}.success-text{font-size:12px;margin-top:4px;display:block;color:var(--ion-color-success);font-weight:500}.password-toggle{--color: var(--text-light);--padding-start: 8px;--padding-end: 8px}.custom-button{--border-radius: var(--button-border-radius);--font-weight: var(--button-font-weight);--font-size: var(--button-font-size);--padding-top: var(--button-padding);--padding-bottom: var(--button-padding);text-transform:none;transition:all .2s ease;height:var(--button-height)}.button-primary{--background: var(--button-primary-bg);--background-hover: var(--button-primary-bg-hover);--background-activated: var(--button-primary-bg-active);--color: var(--button-primary-color)}.button-primary:hover{transform:translateY(-1px);box-shadow:var(--button-primary-shadow)}.button-secondary{--background: var(--button-secondary-bg);--background-hover: var(--button-secondary-bg-hover);--color: var(--button-secondary-color);--border-color: var(--button-secondary-border);--border-width: 1px;--border-style: solid}.button-outline{--background: transparent;--background-hover: var(--button-secondary-bg-hover);--color: var(--ion-color-primary);--border-color: var(--ion-color-primary);--border-width: 1px;--border-style: solid}.button-clear{--background: transparent;--background-hover: var(--button-secondary-bg-hover);--color: var(--ion-color-primary)}.button-small{height:var(--button-height-small);--font-size: 14px;--padding-top: 12px;--padding-bottom: 12px}.button-medium{height:var(--button-height)}.button-large{height:var(--button-height-large);--font-size: 18px;--padding-top: 20px;--padding-bottom: 20px}.custom-button:disabled{--background: var(--button-disabled-bg);--color: var(--button-disabled-color);transform:none;box-shadow:none;cursor:not-allowed}.custom-button.loading{cursor:wait}.custom-button ion-icon{margin:0 4px}@media(max-width:768px){.custom-button{--font-size: 14px}.button-large{--font-size: 16px}}@media(max-width:480px){.custom-button{--font-size: 14px;--padding-top: 14px;--padding-bottom: 14px}.button-small{--font-size: 12px;--padding-top: 10px;--padding-bottom: 10px}}.signin-content{--background: var(--background)}.signin-container{display:flex;min-height:100vh;background:var(--background)}.form-container{width:100%;max-width:420px;animation:slideInRight .6s ease-out both}.signin-form{display:flex;flex-direction:column;gap:20px}.form-options{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.remember-me{display:flex;align-items:center;gap:8px}.remember-me ion-checkbox{--size: 18px;--border-radius: 4px;--border-width: 2px;--border-color: var(--border);--background: var(--surface);--background-checked: var(--ion-color-primary);--border-color-checked: var(--ion-color-primary);--checkmark-color: #fff}.remember-me ion-label{font-size:clamp(13px,3vw,14px);color:var(--text)}.forgot-password{--color: var(--ion-color-primary);font-size:clamp(13px,3vw,14px);font-weight:500}.register-section{text-align:center;margin-top:20px}.register-section ion-text{font-size:clamp(13px,3vw,14px);color:var(--text-light)}.footer-links{display:flex;justify-content:center;gap:24px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border);flex-wrap:wrap}@media(min-width:1024px){.signin-container{flex-direction:row}}@media(max-width:1023px){.signin-container{flex-direction:column}.footer-links{gap:12px}}.country-selector-start{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:0;width:auto}.country-display-box{display:flex;align-items:center;gap:4px;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:4px 8px;font-size:12px;min-width:0;flex-shrink:0;color:var(--text);font-weight:500}.country-flag{font-size:14px;flex-shrink:0}.country-code{font-size:11px;color:var(--text-light);font-weight:500;flex-shrink:0}.country-selector-display{font-size:16px;color:var(--text);padding:0;margin:0;white-space:normal;overflow:visible;text-overflow:unset;flex:1;word-wrap:break-word}.placeholder-text{color:var(--text-light);font-style:italic}.country-selector-actions{display:flex;align-items:center;gap:8px}.clear-button{--padding-start: 4px;--padding-end: 4px;--color: var(--text-light);--background: transparent;--background-hover: var(--background);--border-radius: 50%;width:24px;height:24px;min-width:24px;min-height:24px}.clear-button:hover{--color: var(--text);--background: var(--background)}.chevron{color:var(--text-light);transition:transform .2s ease;font-size:16px}.chevron.open{transform:rotate(180deg)}.required{color:var(--ion-color-danger);margin-left:4px}.country-selector-popover{--width: 320px;--max-width: 90vw;--max-height: 400px}.country-selector-content{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0}.country-selector-header{padding:16px;border-bottom:1px solid var(--border);background:var(--surface)}.country-searchbar{--background: var(--background);--border-radius: 12px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .05);--padding-start: 12px;--padding-end: 12px;--padding-top: 8px;--padding-bottom: 8px;--min-height: 40px}.country-searchbar .searchbar-input{font-size:14px}.country-list{background:var(--surface);padding:0;margin:0}.country-item{display:flex;align-items:center;gap:8px;padding:4px 0;width:100%;min-height:32px}.country-flag{font-size:16px;flex-shrink:0;width:20px;text-align:center}.country-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.country-name{font-size:13px;font-weight:500;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;flex:1;min-width:0}.country-phone-code{font-size:11px;color:var(--text-light);margin:0;line-height:1.2;flex-shrink:0;font-weight:500}.checkmark{color:var(--ion-color-primary);font-size:14px;flex-shrink:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.loading-container ion-text{font-size:14px;color:var(--text-light)}.no-results{display:flex;align-items:center;justify-content:center;padding:40px 20px}.no-results ion-text{font-size:14px;color:var(--text-light)}.country-list ion-item.selected{--background: rgba(var(--ion-color-primary-rgb), .1);--border-color: var(--ion-color-primary)}.country-list ion-item.selected .country-name{color:var(--ion-color-primary);font-weight:600}.country-list ion-item:hover{--background: var(--background)}.country-list ion-item:hover .country-name{color:var(--ion-color-primary)}@media(max-width:768px){.country-selector-popover{--width: 95vw;--max-width: 95vw}.country-selector-header{padding:12px}.country-item{gap:6px;padding:3px 0;min-height:28px}.country-info{gap:6px}.country-display-box{padding:3px 6px;font-size:11px}.country-flag{font-size:14px;width:18px}.country-code{font-size:10px}.country-name{font-size:12px}.country-phone-code{font-size:10px}.country-selector-start{gap:6px}}.signup-container{display:flex;min-height:100vh;background:var(--background)}.form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vw,60px) clamp(16px,4vw,60px);background:var(--surface)}.form-container{width:100%;max-width:500px;animation:slideInRight .6s ease-out both}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.form-header{text-align:center;margin-bottom:36px}.form-header h2{font-size:clamp(22px,5.5vw,28px);font-weight:700;color:var(--text);margin:0 0 8px;letter-spacing:-.2px}.form-header p{color:var(--text-light);font-size:clamp(13px,3.5vw,15px);margin:0}.signup-form{display:flex;flex-direction:column;gap:20px}.name-fields{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:480px){.name-fields{grid-template-columns:1fr 1fr}}.phone-input-container{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--background);transition:border-color .15s ease,box-shadow .15s ease}.phone-input-container:focus-within{border-color:var(--ion-color-primary);box-shadow:0 0 0 3px rgba(var(--ion-color-primary-rgb),.1)}.country-code-display{min-width:56px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-right:1px solid var(--border);padding:0 8px;font-weight:600;font-size:clamp(13px,3.5vw,15px);color:var(--text);flex-shrink:0}.country-code-placeholder{color:var(--text-light);font-style:italic}.phone-input-container .input-item{border:none;border-radius:0;flex:1;--background: transparent;--padding-start: 14px;--padding-end: 14px}.phone-input-container .input-item:focus-within{border:none;box-shadow:none}.terms-section{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border)}.terms-checkbox{flex-shrink:0;margin-top:2px}.terms-text{font-size:clamp(12px,3vw,14px);color:var(--text);line-height:1.5;flex:1}.terms-link{background:none;border:none;color:var(--ion-color-primary);font-weight:500;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;text-decoration:underline}.divider{display:flex;align-items:center;gap:14px;margin:20px 0}.divider-line{flex:1;height:1px;background:var(--border)}.divider-text{color:var(--text-light);font-size:13px;font-weight:500;white-space:nowrap}.social-buttons{display:flex;flex-direction:column;gap:10px}.login-section{text-align:center;margin-top:20px}.login-section ion-text{font-size:clamp(13px,3vw,14px);color:var(--text-light)}@media(min-width:1024px){.signup-container{flex-direction:row}}@media(max-width:1023px){.signup-container{flex-direction:column}}.content-card{background:var(--ion-card-background, var(--ion-background-color, #fff));border-radius:16px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-shadow:0 1px 4px rgba(0,0,0,.07),0 4px 12px rgba(0,0,0,.05);overflow:hidden}.content-card.with-border{border:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.content-card:not(.with-border){border:none}.content-card.padding-small{padding:10px}.content-card.padding-medium{padding:14px}.content-card.padding-large{padding:20px}.content-card.clickable{cursor:pointer;user-select:none;transition:transform .15s ease,box-shadow .15s ease}.content-card.clickable:active{transform:scale(.98);box-shadow:0 1px 4px rgba(0,0,0,.1)}.content-card>*{width:100%}.content-card:focus-within{outline:2px solid var(--ion-color-primary);outline-offset:2px}@media(min-width:600px){.content-card.padding-small{padding:12px}.content-card.padding-medium{padding:18px}.content-card.padding-large{padding:24px}}@media(prefers-color-scheme:dark){.content-card{background:var(--ion-card-background, #1e1f23);box-shadow:0 1px 3px rgba(0,0,0,.4)}.content-card.with-border{border-color:rgba(255,255,255,.07)}}.profile-screen-modal{--height: 100%;--width: 100%;--border-radius: 0}.profile-header{--background: var(--ion-color-primary);--border-width: 0}.profile-header ion-toolbar{--background: var(--ion-color-primary);--color: #fff}.profile-header ion-title{color:#fff;font-size:clamp(16px,4vw,18px);font-weight:700;letter-spacing:.2px}.profile-header ion-button{--color: #fff;font-size:20px}.profile-content{--background: #f2f3f7}.profile-hero{background:linear-gradient(160deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%);padding:28px 20px 32px;text-align:center;color:#fff}.avatar-container{position:relative;display:inline-block;margin-bottom:16px}.profile-avatar{width:clamp(80px,20vw,100px);height:clamp(80px,20vw,100px);border:3px solid rgba(255,255,255,.75);box-shadow:0 8px 24px rgba(0,0,0,.25)}.avatar-placeholder{width:100%;height:100%;background:rgba(255,255,255,.22);color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(24px,6vw,32px);font-weight:700;border-radius:50%;letter-spacing:1px}.edit-avatar-btn{position:absolute;bottom:-4px;right:-4px;background:#fff;color:var(--ion-color-primary);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.18);pointer-events:none;transition:opacity .2s}.edit-avatar-btn.uploading{opacity:.5}.edit-avatar-btn ion-icon{font-size:15px}.profile-name{margin:0 0 5px;font-size:clamp(20px,5vw,26px);font-weight:700;color:#fff;letter-spacing:.2px;line-height:1.2}.profile-username{margin:0 0 4px;font-size:clamp(13px,3.5vw,15px);color:rgba(255,255,255,.82);font-weight:500}.profile-country{margin:0;font-size:clamp(12px,3vw,14px);color:rgba(255,255,255,.65)}.profile-body{max-width:600px;margin:0 auto;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;gap:12px}.ps-card{background:var(--ion-background-color, #fff);border-radius:16px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.07),0 4px 12px rgba(0,0,0,.05)}.card-title{margin:0 0 14px;font-size:clamp(14px,3.5vw,16px);font-weight:700;color:var(--ion-color-dark);letter-spacing:.1px}.level-card{display:flex;flex-direction:column;gap:14px}.level-badge{display:flex;align-items:center;gap:12px}.level-emoji{font-size:clamp(28px,7vw,36px);line-height:1;flex-shrink:0}.level-text{display:flex;flex-direction:column;gap:2px;min-width:0}.level-name{font-size:clamp(16px,4vw,19px);font-weight:700;color:var(--ion-color-dark);line-height:1.2}.level-wins{font-size:clamp(12px,3vw,13px);color:var(--ion-color-medium);font-weight:500}.level-progress{display:flex;flex-direction:column;gap:6px}.progress-track{width:100%;height:8px;background:var(--ion-color-light-shade, #e0e0e0);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .5s ease;min-width:4px}.progress-text{font-size:clamp(11px,3vw,13px);color:var(--ion-color-medium);font-weight:500}.profile-body .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stat-tile{background:var(--ion-background-color, #fff);border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 1px 4px rgba(0,0,0,.07),0 4px 12px rgba(0,0,0,.05);text-align:center;min-width:0}.stat-icon{font-size:18px;flex-shrink:0}.stat-icon.wins{color:#f5a623}.stat-icon.rate{color:#7b61ff}.stat-icon.played{color:var(--ion-color-primary)}.stat-icon.created{color:var(--ion-color-success)}.stat-number{font-size:clamp(14px,4vw,20px);font-weight:800;color:var(--ion-color-dark);line-height:1;letter-spacing:-.5px}.stat-label{font-size:clamp(8px,2vw,10px);font-weight:600;color:var(--ion-color-medium);text-transform:uppercase;letter-spacing:.3px;line-height:1.2;white-space:nowrap}.achievements-list{display:flex;flex-direction:column}.achievement-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ion-color-light, #f0f0f0)}.achievement-item:first-child{padding-top:0}.achievement-item:last-child{border-bottom:none;padding-bottom:0}.achievement-icon{font-size:22px;color:var(--ion-color-success);flex-shrink:0}.achievement-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.achievement-title{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--ion-color-dark);line-height:1.3}.achievement-desc{font-size:clamp(11px,3vw,13px);color:var(--ion-color-medium);line-height:1.3}.achievements-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0 6px;color:var(--ion-color-medium);text-align:center}.achievements-empty p{margin:0;font-size:clamp(12px,3vw,14px);line-height:1.5}.empty-icon{font-size:38px;color:var(--ion-color-light-shade, #ccc)}.info-list{display:flex;flex-direction:column}.info-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--ion-color-light, #f0f0f0)}.info-row:first-child{padding-top:0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{font-size:clamp(12px,3vw,14px);color:var(--ion-color-medium);font-weight:500;flex-shrink:0}.info-value{font-size:clamp(12px,3vw,14px);font-weight:600;color:var(--ion-color-dark);text-align:right;min-width:0;word-break:break-word;overflow-wrap:anywhere}.action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:4px}.btn-primary{--background: var(--ion-color-primary);--color: #fff;--border-radius: 14px;--box-shadow: 0 4px 14px rgba(var(--ion-color-primary-rgb), .35);height:52px;font-size:clamp(14px,3.5vw,16px);font-weight:700;letter-spacing:.2px}.btn-secondary{--border-radius: 14px;--border-color: var(--ion-color-primary);--color: var(--ion-color-primary);height:52px;font-size:clamp(14px,3.5vw,16px);font-weight:600}@media(min-width:600px){.profile-screen-modal{--height: 90%;--width: min(520px, 96vw);--border-radius: 20px}.profile-hero{padding:36px 32px;border-radius:0}.profile-body{padding:20px 20px calc(env(safe-area-inset-bottom,0px) + 28px);gap:14px}.ps-card{padding:20px}.profile-body .stats-row{gap:8px}.stat-tile{padding:12px 6px}.action-buttons{flex-direction:row;gap:12px}.btn-primary,.btn-secondary{flex:1}}@media(prefers-color-scheme:dark){.profile-content{--background: #111215}.profile-hero{background:linear-gradient(160deg,var(--ion-color-primary-shade) 0%,var(--ion-color-secondary-shade) 100%)}.ps-card,.stat-tile{background:#1e1f23;box-shadow:0 1px 3px rgba(0,0,0,.4)}.progress-track{background:rgba(255,255,255,.1)}.achievement-item,.info-row{border-bottom-color:rgba(255,255,255,.07)}}.loading-card{border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;background:var(--ion-color-light, #f4f5f8)}.loading-card-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.wave-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.wave{position:absolute;top:0;right:0;bottom:0;left:0;width:200%;animation:wave-move 2.2s ease-in-out infinite}.wave-1{background:linear-gradient(90deg,transparent 0%,rgba(var(--ion-color-primary-rgb),.12) 30%,rgba(var(--ion-color-primary-rgb),.22) 50%,rgba(var(--ion-color-primary-rgb),.12) 70%,transparent 100%);animation-delay:0s}.wave-2{background:linear-gradient(90deg,transparent 0%,rgba(var(--ion-color-secondary-rgb),.08) 30%,rgba(var(--ion-color-secondary-rgb),.16) 50%,rgba(var(--ion-color-secondary-rgb),.08) 70%,transparent 100%);animation-delay:.7s}.wave-3{background:linear-gradient(90deg,transparent 0%,rgba(var(--ion-color-success-rgb),.06) 30%,rgba(var(--ion-color-success-rgb),.12) 50%,rgba(var(--ion-color-success-rgb),.06) 70%,transparent 100%);animation-delay:1.4s}@keyframes wave-move{0%{transform:translate(-100%)}to{transform:translate(50%)}}@media(prefers-color-scheme:dark){.loading-card{background:rgba(255,255,255,.06)}}@media(prefers-reduced-motion:reduce){.wave{animation:none;opacity:.5}}.sid-wrapper{display:flex;flex-direction:column;align-items:center;gap:14px}.sid-canvas-container{position:relative;display:inline-block;max-width:100%}.sid-canvas{display:block;max-width:100%;height:auto;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.18),0 1px 4px rgba(0,0,0,.1)}.sid-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.65);border-radius:16px}.sid-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;max-width:340px}.sid-btn{--border-radius: 10px;font-size:13px;font-weight:600;flex:1;min-width:90px}.sid-btn-share{--background: var(--ion-color-primary);--color: #fff}@media(prefers-color-scheme:dark){.sid-loading-overlay{background:rgba(0,0,0,.55)}}.webcam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center}.webcam-shell{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.webcam-close{position:absolute;top:max(16px,env(safe-area-inset-top,16px));right:16px;background:rgba(255,255,255,.15);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;cursor:pointer;z-index:1}.webcam-viewport{position:relative;width:min(100vw,100vh);aspect-ratio:1 / 1;overflow:hidden;border-radius:12px}.webcam-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff}.webcam-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;transform:scaleX(-1)}.webcam-video.visible{opacity:1}.webcam-overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transform:scaleX(-1)}.webcam-actions{display:flex;align-items:center;justify-content:center;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.webcam-capture-btn{--background: #fff;--color: #111;--border-radius: 50%;--padding-start: 0;--padding-end: 0;width:72px;height:72px;font-size:32px;box-shadow:0 0 0 5px rgba(255,255,255,.3)}.webcam-error{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;text-align:center;padding:24px}.navigation-header{--background: var(--ion-background-color, #fff);--border-color: var(--ion-border-color, rgba(0, 0, 0, .08));box-shadow:0 1px 0 var(--ion-border-color, rgba(0, 0, 0, .08))}.navigation-header ion-toolbar{--background: var(--ion-background-color, #fff);--color: var(--ion-color-dark);--border-width: 0;--min-height: 56px;--padding-start: 8px;--padding-end: 8px}.navigation-header .app-title{text-align:left}.navigation-header .title-container{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.navigation-header .app-title ion-text{font-size:clamp(17px,4.5vw,20px);font-weight:800;letter-spacing:-.3px;color:var(--ion-color-primary)}.navigation-header .page-subtitle{font-size:clamp(11px,2.8vw,13px);font-weight:400;color:var(--ion-color-medium);line-height:1}.navigation-header .back-button{--color: var(--ion-color-medium);--padding-start: 6px;--padding-end: 6px;margin:0}.navigation-header .profile-button{--padding-start: 6px;--padding-end: 10px;margin:0}.navigation-header .header-avatar{width:36px;height:36px}.navigation-header .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--ion-color-primary),var(--ion-color-primary-shade));color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,3vw,14px);font-weight:700;border-radius:50%;text-transform:uppercase;letter-spacing:.5px}@media(prefers-color-scheme:dark){.navigation-header{--background: var(--ion-background-color, #111215);box-shadow:0 1px rgba(255,255,255,.07)}.navigation-header ion-toolbar{--background: var(--ion-background-color, #111215)}}.page-container{max-width:var(--page-max-width);margin:0 auto;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 72px);display:flex;flex-direction:column;gap:12px}.welcome-card{background:linear-gradient(160deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%)!important;color:#fff;border:none!important;box-shadow:0 4px 20px rgba(var(--ion-color-primary-rgb),.35)!important}.welcome-text{margin-bottom:16px}.welcome-card h2{margin:0 0 4px;font-size:clamp(20px,5.5vw,26px);font-weight:700;color:#fff;letter-spacing:.1px;line-height:1.2}.welcome-card p{margin:0;font-size:clamp(13px,3.5vw,15px);color:rgba(255,255,255,.82);line-height:1.4}.level-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.level-chip,.progress-chip{--background: rgba(255, 255, 255, .2);--color: #fff;font-size:clamp(12px,3vw,13px);font-weight:600;border:1.5px solid rgba(255,255,255,.45);backdrop-filter:blur(6px);height:auto;margin:0}.progress-chip{--padding-top: 5px;--padding-bottom: 5px;white-space:normal}.level-chip ion-icon{font-size:15px;margin-right:4px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-tile{background:var(--surface, #fff);border-radius:var(--radius-lg);padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow-md);text-align:center;min-height:96px;justify-content:center;border-top:3px solid transparent;transition:transform .15s ease,box-shadow .15s ease}.stat-wins{border-top-color:#f5a623}.stat-played{border-top-color:var(--ion-color-primary)}.stat-rate{border-top-color:var(--ion-color-secondary)}.stat-icon{font-size:20px;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.wins{color:#f5a623;background:rgba(245,166,35,.12)}.stat-icon.played{color:var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.1)}.stat-icon.rate{color:var(--ion-color-secondary);background:rgba(var(--ion-color-secondary-rgb),.1)}.stat-number{font-size:clamp(22px,5.5vw,28px);font-weight:800;color:var(--text);line-height:1;letter-spacing:-.5px}.stat-label{font-size:clamp(10px,2.5vw,11px);font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;line-height:1.2}.action-buttons{display:flex;flex-direction:row;gap:10px;width:100%}.action-buttons ion-button{flex:1;min-width:0}.primary-action{--background: linear-gradient(135deg, var(--ion-color-primary) 0%, var(--ion-color-secondary) 100%);--background-activated: linear-gradient(135deg, var(--ion-color-primary-shade) 0%, var(--ion-color-secondary-shade) 100%);--color: #fff;--border-radius: var(--btn-radius);--box-shadow: 0 4px 16px rgba(var(--ion-color-primary-rgb), .4);height:54px;font-size:clamp(11px,3vw,15px);font-weight:700;letter-spacing:.3px}.secondary-action{--background: var(--surface, #fff);--background-activated: rgba(var(--ion-color-primary-rgb), .06);--border-radius: var(--btn-radius);--border-color: var(--border);--border-width: 1.5px;--color: var(--text);--box-shadow: var(--shadow-sm);height:54px;font-size:clamp(11px,3vw,15px);font-weight:600}.secondary-action[disabled]{--color: var(--text-light);opacity:.55}.recent-activity{box-shadow:0 1px 4px rgba(0,0,0,.07),0 4px 12px rgba(0,0,0,.05)!important}.recent-activity h3{margin:0 0 14px;font-size:clamp(14px,3.5vw,16px);font-weight:700;color:var(--ion-color-dark);letter-spacing:.1px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--ion-color-light, #f0f0f0)}.activity-item:first-child{padding-top:0}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-icon{font-size:clamp(18px,4.5vw,22px);flex-shrink:0}.activity-icon.success{color:var(--ion-color-success)}.activity-icon.primary{color:var(--ion-color-primary)}.activity-icon.secondary{color:var(--ion-color-secondary)}.activity-icon.warning{color:var(--ion-color-warning)}.activity-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.activity-title{font-size:clamp(13px,3.5vw,14px);font-weight:600;color:var(--ion-color-dark);line-height:1.3}.activity-desc{font-size:clamp(11px,3vw,13px);color:var(--ion-color-medium);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:clamp(11px,2.5vw,12px);color:var(--ion-color-medium);flex-shrink:0;white-space:nowrap}.activity-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;color:var(--ion-color-medium);font-size:clamp(13px,3.5vw,14px);text-align:center}.activity-cta{--border-radius: 20px}@media(min-width:600px){.page-container{padding:20px 24px calc(env(safe-area-inset-bottom,0px) + 80px);gap:14px}.stats-row{gap:12px}.stat-tile{padding:18px 12px 16px;min-height:108px}.stat-icon{font-size:22px;width:44px;height:44px;border-radius:11px}.action-buttons{display:flex;flex-direction:row;gap:10px}}@media(min-width:1024px){.page-container{padding:28px 32px calc(env(safe-area-inset-bottom,0px) + 32px);display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"welcome  stats" "actions  actions" "activity activity";gap:20px;align-items:start}.welcome-card{grid-area:welcome}.stats-row{grid-area:stats;align-self:stretch}.action-buttons{grid-area:actions}.recent-activity{grid-area:activity}.stat-tile{min-height:116px;padding:20px 12px 18px}.stat-icon{font-size:24px;width:48px;height:48px;border-radius:12px}.action-buttons{display:flex;flex-direction:row;gap:10px}.primary-action,.secondary-action{height:56px}}@media(prefers-color-scheme:dark){.stat-tile{background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.4)}.secondary-action{--background: var(--surface);--border-color: rgba(255, 255, 255, .12)}.activity-item{border-bottom-color:rgba(255,255,255,.07)}.welcome-card{background:linear-gradient(160deg,var(--ion-color-primary-shade) 0%,var(--ion-color-secondary-shade) 100%)!important}}.quiz-card{background:#fff;border-radius:6px;border:1px solid var(--ion-color-light);margin-bottom:4px;overflow:hidden;transition:all .15s ease;position:relative;padding:8px 12px;min-height:38px}.quiz-card:active{background:var(--ion-color-light-tint);transform:scale(.98)}.quiz-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.quiz-title{margin:0;font-size:14px;font-weight:600;color:var(--ion-color-dark);flex:1;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-chip{--background: var(--ion-color-light);--color: var(--ion-color-dark);font-size:13px;font-weight:600;height:8px;flex-shrink:0;border-radius:9px;padding:px}.status-chip ion-icon{font-size:8px;margin-right:2px}.quiz-description{margin:0 0 4px;color:var(--ion-color-medium);font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-card-content{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.quiz-meta-item{display:flex;align-items:center;gap:3px}.meta-icon{font-size:13px;color:var(--ion-color-primary);flex-shrink:0}.meta-text{font-size:13px;color:var(--ion-color-dark);font-weight:500}.quizshot-id-item{background:var(--ion-color-light);border-radius:4px;padding:1px 4px;margin:1px 0;flex-shrink:1;min-width:0}.quizshot-id-text{font-family:Courier New,monospace;font-weight:600;color:var(--ion-color-primary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-text-container{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.meta-text.start-time{font-size:12px;color:var(--ion-color-medium);font-weight:500}.meta-text.countdown{color:var(--ion-color-primary);font-weight:600;font-size:13px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.action-button{min-width:100px;height:8px;font-size:13px}.quiz-card[data-status=completed]{border-left:4px solid var(--ion-color-success)}.quiz-card[data-status=active]{border-left:4px solid var(--ion-color-primary)}.quiz-card[data-status=upcoming]{border-left:4px solid var(--ion-color-warning)}.quiz-card[data-status=expired]{border-left:4px solid var(--ion-color-medium);opacity:.8}@media(prefers-color-scheme:dark){.quiz-card{background:var(--ion-color-step-50);border-color:var(--ion-color-step-100)}.quiz-card:hover{border-color:var(--ion-color-primary)}.quiz-card-actions{background:var(--ion-color-step-100)}}@media(max-width:480px){.quiz-card-content{flex-direction:column;align-items:flex-start;gap:4px}.quizshot-id-item{padding:1px 3px;margin:0}.quizshot-id-text{font-size:9px}}@media(min-width:768px){.quizshot-id-text{font-size:12px}}.pw-modal-content{--background: var(--ion-background-color, #fff)}.pw-modal-inner{padding:0 20px 32px;display:flex;flex-direction:column;align-items:center;gap:20px}.pw-modal-header{width:100%;text-align:center;padding-top:8px;position:relative}.pw-close-btn{position:absolute;top:0;right:-8px}.pw-lock-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--ion-color-primary-tint, #e8f0fe);margin:16px auto 12px}.pw-lock-icon ion-icon{font-size:26px;color:var(--ion-color-primary, #3880ff)}.pw-modal-title{font-size:20px;font-weight:700;margin:0 0 8px;color:var(--ion-text-color, #000)}.pw-modal-body{font-size:14px;color:var(--ion-color-medium, #92949c);margin:0;line-height:1.5}.pw-tiers{display:flex;gap:12px;width:100%}.pw-tier-card{flex:1;border:1.5px solid var(--ion-color-light-shade, #d7d8da);border-radius:14px;padding:16px 12px;position:relative;display:flex;flex-direction:column;gap:8px}.pw-tier-card--highlight{border-color:var(--ion-color-primary, #3880ff)}.pw-popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--ion-color-primary, #3880ff);color:#fff;font-size:10px;font-weight:600;padding:2px 10px;border-radius:20px;white-space:nowrap}.pw-tier-name{font-size:15px;font-weight:700;color:var(--ion-text-color, #000)}.pw-tier-price{font-size:22px;font-weight:800;color:var(--ion-color-primary, #3880ff);line-height:1}.pw-tier-period{font-size:13px;font-weight:400;color:var(--ion-color-medium, #92949c)}.pw-tier-features{list-style:none;padding:0;margin:4px 0 8px;display:flex;flex-direction:column;gap:6px;flex:1}.pw-tier-features li{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--ion-text-color, #000);line-height:1.4}.pw-check{color:var(--ion-color-success, #2dd36f);font-size:14px;flex-shrink:0;margin-top:1px}.pw-current-plan{text-align:center;font-size:12px;font-weight:600;color:var(--ion-color-success, #2dd36f);padding:8px 0}.pw-view-pricing{background:none;border:none;color:var(--ion-color-primary, #3880ff);font-size:14px;cursor:pointer;text-decoration:underline;padding:4px 0}.quiz-page-container{max-width:var(--page-max-width);margin:0 auto;padding:var(--page-padding);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 72px);display:flex;flex-direction:column;gap:12px}.join-quiz-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:16px}.join-quiz-card h3{margin:0 0 12px;font-size:clamp(15px,4vw,17px);font-weight:700;color:var(--text)}.join-input-item{--padding-start: 0;--padding-end: 0;--background: transparent;--border-color: var(--border);--min-height: 48px}.join-input-item ion-input{font-size:clamp(13px,3.5vw,15px)}.join-button,.search-button{--border-radius: var(--btn-radius);height:var(--btn-height);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);margin-top:10px}.search-button{--background: var(--ion-color-secondary);--color: #fff}.searched-quiz-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:16px}.searched-quiz-content h3{margin:0 0 6px;font-size:clamp(15px,4vw,18px);font-weight:700;color:var(--text)}.searched-quiz-content p{margin:0 0 12px;font-size:clamp(12px,3vw,14px);color:var(--text-light);line-height:1.5}.quiz-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.quiz-meta ion-chip{--background: rgba(var(--ion-color-primary-rgb), .08);--color: var(--ion-color-primary);font-size:clamp(11px,3vw,13px);height:28px;margin:0}.join-message{padding:14px 16px;border-radius:var(--radius-md);font-size:clamp(12px,3vw,14px);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;animation:slideIn .25s ease-out}.join-message.success{background:rgba(var(--ion-color-success-rgb),.1);border:1px solid rgba(var(--ion-color-success-rgb),.3);color:var(--ion-color-success-shade)}.join-message.error{background:rgba(var(--ion-color-danger-rgb),.1);border:1px solid rgba(var(--ion-color-danger-rgb),.3);color:var(--ion-color-danger-shade)}.join-message .message-icon{font-size:20px}.search-error-card,.quiz-completed-message,.quiz-creator-message{border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.search-error-card{background:rgba(var(--ion-color-danger-rgb),.08);border:1px solid rgba(var(--ion-color-danger-rgb),.2)}.search-error-content .error-icon,.search-error-content p{color:var(--ion-color-danger)}.quiz-completed-message{background:rgba(var(--ion-color-danger-rgb),.08);border:1px solid rgba(var(--ion-color-danger-rgb),.2)}.quiz-completed-message .completed-icon,.quiz-completed-message p{color:var(--ion-color-danger)}.quiz-creator-message{background:rgba(var(--ion-color-warning-rgb),.1);border:1px solid rgba(var(--ion-color-warning-rgb),.25)}.quiz-creator-message .creator-icon,.quiz-creator-message p{color:var(--ion-color-warning-shade)}.search-error-content .error-icon,.quiz-completed-message .completed-icon,.quiz-creator-message .creator-icon{font-size:28px}.search-error-content p,.quiz-completed-message p,.quiz-creator-message p{margin:0;font-size:clamp(12px,3vw,14px);line-height:1.5}.quizzes-section,.quiz-tabs-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.quiz-loading,.quiz-error,.quiz-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:32px 16px}.quiz-loading p,.quiz-error p,.quiz-empty p{margin:0;color:var(--text-light);font-size:clamp(13px,3.5vw,15px)}.error-icon{color:var(--ion-color-danger);font-size:44px}.empty-icon{color:var(--ion-color-primary);font-size:44px}.quiz-empty h4{margin:0;font-size:clamp(15px,4vw,18px);font-weight:700;color:var(--text)}.quiz-stats{padding:0;width:100%}.quiz-stats .stat-card{height:100%}.quiz-stats .stat-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.quiz-stats .stat-label{font-size:clamp(9px,2.2vw,11px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.quiz-stats .stat-number{font-size:clamp(18px,4.5vw,24px)}.quiz-segment ion-segment-button{--padding-top: 8px;--padding-bottom: 8px;font-size:clamp(12px,3vw,14px);font-weight:600}@media(min-width:1024px){.quiz-page-container{padding:28px 32px calc(env(safe-area-inset-bottom,0px) + 32px);gap:16px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.join-quiz-card,.searched-quiz-card,.quizzes-section,.quiz-tabs-card{background:var(--surface)}}.delete-account-item{--background: rgba(var(--ion-color-danger-rgb), .05);--border-radius: 8px;margin:8px 0;transition:all .3s ease}.delete-account-item:hover{--background: rgba(var(--ion-color-danger-rgb), .1);transform:translate(4px)}.delete-account-item ion-label{font-weight:500}.delete-account-item ion-icon{margin-right:12px}.delete-account-item ion-spinner{--color: var(--ion-color-danger)}@media(max-width:768px){.delete-account-item{margin:6px 0}.delete-account-item:hover{transform:translate(2px)}}.update-password-header{display:flex;align-items:center;gap:12px;margin-bottom:0}.password-icon{color:var(--ion-color-primary);font-size:1.5rem;flex-shrink:0}.password-header-text{flex:1;min-width:0}.password-header-text h3{margin:0 0 3px;color:var(--text);font-size:clamp(14px,3.5vw,16px);font-weight:700}.password-header-text p{margin:0;color:var(--text-light);font-size:clamp(12px,3vw,14px)}.update-password-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--border, rgba(0, 0, 0, .08))}.password-requirements{margin:16px 0;padding:12px;background-color:var(--ion-color-light);border-radius:8px}.password-requirements p{margin:0 0 8px;font-weight:500;color:var(--ion-color-dark)}.password-requirements ul{margin:0;padding-left:16px}.password-requirements li{margin:4px 0;color:var(--ion-color-medium);font-size:clamp(12px,3vw,13px)}.update-password-actions{display:flex;gap:12px;margin-top:20px}.update-password-actions ion-button{flex:1}.account-container{max-width:var(--page-max-width);margin:0 auto;padding:var(--page-padding);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 72px);display:flex;flex-direction:column;gap:12px}.profile-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-icon{color:var(--ion-color-primary);font-size:28px;flex-shrink:0}.profile-details{flex:1;min-width:0}.profile-details h2{margin:0 0 3px;color:var(--text);font-size:clamp(16px,4vw,20px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-details p{margin:0;color:var(--text-light);font-size:clamp(12px,3vw,14px)}.edit-profile-button{--border-radius: var(--radius-md);--height: 36px;font-size:13px;font-weight:600;flex-shrink:0}.signin-button{--border-radius: var(--btn-radius);height:var(--btn-height);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);margin-top:8px}.plan-card-row{display:flex;align-items:center;gap:12px}.plan-icon{font-size:26px;flex-shrink:0}.plan-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.plan-label{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.plan-tier{font-size:18px;font-weight:800;line-height:1.1}.plan-usage{font-size:11px;color:var(--text-light)}.account-actions ion-list{padding:0;background:transparent}.account-actions ion-item{--background: transparent;--padding-start: 16px;--padding-end: 16px;--min-height: 52px;--border-color: var(--border);font-size:clamp(13px,3.5vw,15px);color:var(--text)}.account-actions ion-icon{color:var(--ion-color-primary);margin-right:14px;font-size:20px}@media(min-width:600px){.account-container{padding:20px 24px calc(env(safe-area-inset-bottom,0px) + 80px);gap:14px}}@media(min-width:1024px){.account-container{padding:28px 32px calc(env(safe-area-inset-bottom,0px) + 32px);gap:16px}}.draft-section{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);width:100%}.section-title h2{font-size:20px;font-weight:600;color:var(--text);margin:0 0 6px}.section-title p{font-size:14px;color:var(--text-light);margin:0}.draft-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.draft-card{border:1px solid var(--border);transition:all .3s ease;background:var(--surface)}.draft-card:hover{border-color:var(--ion-color-primary);box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.draft-content{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;width:100%}.draft-info h3{font-size:18px;font-weight:600;color:var(--text);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-meta{display:flex;flex-direction:column;gap:6px}.quiz-type-badge{display:inline-block;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;background:linear-gradient(135deg,var(--ion-color-primary),var(--ion-color-secondary));color:#fff;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.question-count,.created-date,.draft-duration{font-size:14px;color:var(--text-light);font-weight:500}.draft-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;align-items:flex-end}.delete-button{color:var(--ion-color-danger)!important;font-weight:500}.draft-error-card{border:1px solid var(--ion-color-danger);background:rgba(var(--ion-color-danger-rgb),.1)}.draft-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.error-message{width:100%}.error-text{font-size:16px;font-weight:500;color:var(--ion-color-danger);margin:0}.draft-empty-card{border:1px solid var(--border);background:var(--surface)}.draft-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.empty-message{width:100%}.empty-text{font-size:18px;font-weight:600;color:var(--text);margin:0 0 8px}.empty-subtext{font-size:14px;color:var(--text-light);margin:0}@media(min-width:768px){.draft-content{align-items:center}.draft-meta{flex-direction:row;gap:16px;align-items:center}.draft-actions{flex-direction:row;gap:12px;align-items:center}.draft-info h3{font-size:20px}}@media(prefers-color-scheme:dark){.draft-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.2)}}.page-container{max-width:var(--page-max-width);margin:0 auto;padding:var(--page-padding);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 80px);display:flex;flex-direction:column;gap:16px}.page-title{text-align:center;padding:8px 4px 0}.page-title h1{font-size:clamp(20px,5vw,26px);font-weight:700;color:var(--text);margin:0 0 6px;letter-spacing:-.2px}.page-title p{font-size:clamp(13px,3.5vw,15px);color:var(--text-light);margin:0;line-height:1.4}.quiz-type-cards{display:flex;flex-direction:column;gap:14px}.quiz-type-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden;display:flex;flex-direction:column}.quiz-type-card:active{transform:scale(.98)}.quiz-type-card.featured{border-color:var(--ion-color-primary);background:linear-gradient(160deg,rgba(var(--ion-color-primary-rgb),.03),rgba(var(--ion-color-secondary-rgb),.03))}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.card-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--ion-color-primary),var(--ion-color-secondary));color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-icon{background:linear-gradient(135deg,var(--ion-color-secondary),var(--ion-color-primary))}.recommended-badge{background:var(--ion-color-success);color:#fff;padding:4px 10px;border-radius:20px;font-size:clamp(10px,2.5vw,12px);font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.quiz-type-card h2{font-size:clamp(15px,4vw,17px);font-weight:700;color:var(--text);margin:0 0 6px}.quiz-type-card p{font-size:clamp(12px,3vw,14px);color:var(--text-light);line-height:1.5;margin:0 0 10px;flex-grow:1}.card-benefits{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.benefit{display:flex;align-items:center;gap:8px;font-size:clamp(12px,3vw,13px);color:var(--text);font-weight:500}.benefit ion-icon{font-size:14px;color:var(--ion-color-primary);flex-shrink:0}.custom-quiz .benefit ion-icon{color:var(--ion-color-secondary)}.select-button{--border-radius: var(--btn-radius);height:var(--btn-height);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);margin-top:auto;width:100%}.example-toggle{--background: transparent;--box-shadow: none;--padding-start: 0;--padding-end: 0;font-size:clamp(11px,3vw,12px);font-weight:500;color:var(--ion-color-primary);text-decoration:underline;text-transform:uppercase;letter-spacing:.3px;margin:4px 0 6px}.question-example{background:rgba(var(--ion-color-primary-rgb),.05);border:1px solid rgba(var(--ion-color-primary-rgb),.12);border-radius:var(--radius-md);padding:10px;margin-bottom:10px}.example-label,.input-label,.output-label,.result-label{font-size:clamp(10px,2.5vw,11px);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.example-label{color:var(--ion-color-primary)}.input-label{color:var(--ion-color-secondary)}.output-label{color:var(--ion-color-success)}.result-label{color:var(--ion-color-warning)}.example-input,.example-output,.example-result{border-radius:var(--radius-sm);padding:8px;margin-bottom:6px}.example-input{background:rgba(var(--ion-color-secondary-rgb),.08);border:1px solid rgba(var(--ion-color-secondary-rgb),.2)}.example-output{background:rgba(var(--ion-color-success-rgb),.08);border:1px solid rgba(var(--ion-color-success-rgb),.2)}.example-result{background:rgba(var(--ion-color-warning-rgb),.08);border:1px solid rgba(var(--ion-color-warning-rgb),.2);text-align:center}.input-text,.output-question,.step-text{font-size:clamp(12px,3vw,13px);color:var(--text);line-height:1.4}.input-text{font-style:italic}.example-arrow{text-align:center;font-size:14px;color:var(--ion-color-primary);margin:4px 0;font-weight:700}.output-options{display:flex;flex-direction:column;gap:2px}.option{font-size:clamp(11px,3vw,12px);color:var(--text-light)}.option.correct{color:var(--ion-color-success);font-weight:600}.example-manual{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.manual-step{display:flex;align-items:center;gap:8px}.step-number{background:var(--ion-color-primary);color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.result-text{font-size:clamp(11px,3vw,12px);color:var(--text-light);font-style:italic}.draft-section{padding-top:24px;border-top:1px solid var(--border)}.section-title h2{font-size:clamp(17px,4.5vw,20px);font-weight:700;color:var(--text);margin:0 0 4px}.section-title p{font-size:clamp(12px,3vw,14px);color:var(--text-light);margin:0}.draft-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.draft-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease;overflow:hidden}.draft-card:hover{border-color:var(--ion-color-primary);box-shadow:var(--shadow-md)}.draft-content{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.draft-info{flex:1;min-width:0}.draft-info h3{font-size:clamp(14px,3.5vw,16px);font-weight:600;color:var(--text);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-meta{display:flex;flex-direction:column;gap:4px}.quiz-type-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:clamp(10px,2.5vw,12px);font-weight:700;background:linear-gradient(135deg,var(--ion-color-primary),var(--ion-color-secondary));color:#fff;text-transform:uppercase;letter-spacing:.4px;width:fit-content}.question-count,.created-date{font-size:clamp(11px,3vw,13px);color:var(--text-light)}.draft-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0}.delete-button{color:var(--ion-color-danger)!important}@media(min-width:600px){.quiz-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.draft-meta{flex-direction:row;gap:12px;align-items:center}.draft-actions{flex-direction:row;gap:8px}}@media(min-width:1024px){.page-container{padding-left:32px;padding-right:32px;padding-top:28px;gap:20px}.quiz-type-cards{grid-template-columns:repeat(2,1fr);gap:20px}}@media(prefers-color-scheme:dark){.quiz-type-card,.draft-card{background:var(--surface)}.question-example{background:rgba(var(--ion-color-primary-rgb),.1);border-color:rgba(var(--ion-color-primary-rgb),.2)}}.question-form{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:24px;display:flex;flex-direction:column;width:100%;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,.08);position:relative;overflow:hidden}.question-form:focus-within{outline:none;box-shadow:0 0 0 2px var(--ion-color-primary),0 0 0 6px rgba(var(--ion-color-primary-rgb),.1)}.question-form.has-errors{border-color:var(--ion-color-danger);box-shadow:0 0 0 2px var(--ion-color-danger),0 0 0 6px rgba(var(--ion-color-danger-rgb),.1)}.content-card.question-form:focus-within{outline:none!important;box-shadow:0 0 0 2px var(--ion-color-primary),0 0 0 6px rgba(var(--ion-color-primary-rgb),.1)!important}.question-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--background);border-bottom:1px solid var(--border);min-height:40px;box-sizing:border-box;flex-shrink:0}.question-header-left{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1;min-width:0}.question-preview{color:var(--text-light);font-size:12px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.collapse-icon{color:var(--text-light);font-size:16px}.question-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.question-content::-webkit-scrollbar{width:3px}.question-content::-webkit-scrollbar-track{background:var(--ion-color-light);border-radius:3px}.question-content::-webkit-scrollbar-thumb{background:var(--ion-color-medium);border-radius:3px}.question-content::-webkit-scrollbar-thumb:hover{background:var(--ion-color-primary)}.question-number{width:16px;height:16px;border-radius:50%;background:var(--ion-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.question-actions{display:flex;gap:8px;align-items:center}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--ion-color-light)}.move-btn{color:var(--text-light);transition:color .2s ease}.move-btn:hover{color:var(--ion-color-primary)}.delete-btn{color:var(--ion-color-danger)!important}.question-section{padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface);box-sizing:border-box}.question-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font-size:16px;font-family:inherit;resize:vertical;min-height:60px;max-height:200px;box-sizing:border-box;display:block;line-height:1.5}.question-input:focus{outline:none;border-color:var(--ion-color-primary)}.question-input.error{border-color:var(--ion-color-danger)}.validation-error{color:var(--ion-color-danger);font-size:12px;margin-top:4px;font-weight:500}.question-input::placeholder{color:var(--text-light)}.options-section{padding:8px 12px;display:flex;flex-direction:column;gap:8px;background:var(--surface);border-bottom:1px solid var(--border);box-sizing:border-box}.option-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--background);width:100%;box-sizing:border-box;overflow:hidden;min-height:40px;transition:all .2s ease}.option-item.correct-option{background:var(--ion-color-success-tint);border-color:var(--ion-color-success);box-shadow:0 0 0 1px var(--ion-color-success)}.option-label{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.option-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--surface);box-sizing:border-box;width:100%;line-height:1.4}.option-input:focus{outline:none;border-color:var(--ion-color-primary)}.option-buttons{height:38px;display:flex;gap:5px;flex-shrink:0;align-items:center}.correct-btn.active{background:var(--success);color:#fff;max-height:32px;border-radius:6px}.remove-btn{color:#fff;background-color:var(--ion-color-danger-tint);max-height:32px;border-radius:6px}.add-option-btn{width:100%;margin-top:12px;align-self:center}.explanation-toggle{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;min-height:40px;cursor:pointer;background:var(--background);font-size:14px;color:var(--text);border-top:1px solid var(--border);box-sizing:border-box}.explanation-toggle:hover{color:var(--text);background:var(--ion-color-light)}.explanation-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:0 0 6px 6px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;max-height:200px;box-sizing:border-box;background:var(--surface);line-height:1.5;margin:0}.explanation-input:focus{outline:none;border-color:var(--ion-color-primary)}.explanation-input::placeholder{color:var(--text-light)}@media(min-width:768px){.options-section{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-option-btn{grid-column:1 / -1;margin-top:8px}}.quiz-settings{margin-bottom:0;padding:0!important}.settings-content{padding:.5rem;margin-bottom:0}.settings-header{margin-bottom:.5rem;text-align:center}.settings-header h3{margin:0 0 .125rem;color:var(--text);font-size:1.125rem;font-weight:600}.settings-header p{margin:0;color:var(--text-light);font-size:.8rem}@media(min-width:768px){.duration-start-time-row{display:flex;gap:.75rem;align-items:flex-start}.duration-start-time-row .form-group{flex:1}}.input-with-unit .form-input{flex:1;padding-right:2.5rem}.input-unit{position:absolute;right:.75rem;color:var(--text-light);font-size:.8rem;font-weight:500;pointer-events:none}.form-input{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;background-color:var(--surface);color:var(--text);font-size:.8rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--ion-color-primary);box-shadow:0 0 0 3px rgba(var(--ion-color-primary-rgb),.1)}.form-input.error{border-color:var(--ion-color-danger)}.form-input.error:focus{box-shadow:0 0 0 3px rgba(var(--ion-color-danger-rgb),.1)}.form-textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;background-color:var(--surface);color:var(--text);font-size:.8rem;font-family:inherit;resize:vertical;min-height:50px;transition:border-color .2s ease,box-shadow .2s ease}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border);border-radius:3px;background-color:var(--surface);position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background-color:var(--ion-color-primary);border-color:var(--ion-color-primary)}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text{color:var(--text);font-size:.8rem;font-weight:500}.form-hint{color:var(--text-light);font-size:.7rem;line-height:1.3;margin:0}@media(prefers-color-scheme:dark){.form-input,.form-textarea{background-color:var(--surface);color:var(--text)}.checkbox-custom{background-color:var(--surface);border-color:var(--border)}}.quiz-rewards{margin-bottom:0;padding:0!important}.rewards-content{padding:.5rem;margin-bottom:0}.rewards-header{margin-bottom:.5rem;text-align:center}.rewards-header h3{margin:0 0 .125rem;color:var(--text);font-size:1.125rem;font-weight:600}.rewards-header p{margin:0;color:var(--text-light);font-size:.8rem}.form-section{display:flex;flex-direction:column;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-label{font-weight:500;color:var(--text);font-size:.8rem}.reward-type-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:768px){.reward-type-grid{grid-template-columns:repeat(3,1fr)}}.reward-type-card{cursor:pointer;transition:all .2s ease;padding:.75rem!important;min-height:120px;display:flex;align-items:center;justify-content:center}.reward-type-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.reward-type-card.selected{border-color:var(--ion-color-primary);box-shadow:0 0 0 2px rgba(var(--ion-color-primary-rgb),.2)}.reward-type-card.primary.selected{background:linear-gradient(135deg,rgba(var(--ion-color-primary-rgb),.1),rgba(var(--ion-color-primary-rgb),.05))}.reward-type-card.secondary.selected{background:linear-gradient(135deg,rgba(var(--ion-color-secondary-rgb),.1),rgba(var(--ion-color-secondary-rgb),.05))}.reward-type-card.success.selected{background:linear-gradient(135deg,rgba(var(--ion-color-success-rgb),.1),rgba(var(--ion-color-success-rgb),.05))}.reward-type-content{text-align:center;width:100%}.reward-type-icon{font-size:2rem;color:var(--text-light);margin-bottom:.5rem;display:block}.reward-type-card.selected .reward-type-icon{color:var(--ion-color-primary)}.reward-type-card.secondary.selected .reward-type-icon{color:var(--ion-color-secondary)}.reward-type-card.success.selected .reward-type-icon{color:var(--ion-color-success)}.reward-type-title{margin:0 0 .25rem;color:var(--text);font-size:.9rem;font-weight:600}.reward-type-description{margin:0;color:var(--text-light);font-size:.7rem;line-height:1.3}.file-upload-area{border:2px dashed var(--border);border-radius:8px;padding:2rem 1rem;text-align:center;background-color:var(--background);transition:all .2s ease;cursor:pointer}.file-upload-area:hover{border-color:var(--ion-color-primary);background-color:rgba(var(--ion-color-primary-rgb),.02)}.file-upload-area.drag-over{border-color:var(--ion-color-primary);background-color:rgba(var(--ion-color-primary-rgb),.1)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:2.5rem;color:var(--text-light)}.upload-text{margin:0;color:var(--text);font-size:.9rem}.upload-button{background:none;border:none;color:var(--ion-color-primary);text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit}.upload-button:hover{color:var(--ion-color-primary-shade)}.upload-hint{margin:0;color:var(--text-light);font-size:.7rem}.file-input{display:none}.file-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.file-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--background);border:1px solid var(--border);border-radius:6px}.file-icon{font-size:1.2rem;color:var(--text-light);flex-shrink:0}.file-icon.uploaded{color:var(--ion-color-success)}.file-icon.uploading{color:var(--ion-color-primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.file-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.file-name{color:var(--text);font-size:.8rem;font-weight:500;word-break:break-word}.file-size{color:var(--text-light);font-size:.7rem}.upload-status{font-size:.7rem;font-weight:500;margin-top:.125rem}.upload-status.uploaded{color:var(--ion-color-success)}.upload-status.uploading{color:var(--ion-color-primary)}.remove-file{background:none;border:none;color:var(--ion-color-danger);font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:3px;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.remove-file:hover{background-color:rgba(var(--ion-color-danger-rgb),.1)}.remove-file:disabled{opacity:.5;cursor:not-allowed}.media-preview{margin-top:.75rem;padding:.75rem;background-color:var(--background);border:1px solid var(--border);border-radius:6px}.media-preview h4{margin:0 0 .5rem;color:var(--text);font-size:.8rem;font-weight:600}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.preview-item{position:relative;border-radius:6px;overflow:hidden;background-color:var(--surface)}.preview-image,.preview-video{width:100%;height:80px;object-fit:cover;display:block}.preview-video{background-color:var(--background)}.form-textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;background-color:var(--surface);color:var(--text);font-size:.8rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease,box-shadow .2s ease}.form-textarea:focus{outline:none;border-color:var(--ion-color-primary);box-shadow:0 0 0 3px rgba(var(--ion-color-primary-rgb),.1)}.form-textarea.error{border-color:var(--ion-color-danger)}.form-textarea.error:focus{box-shadow:0 0 0 3px rgba(var(--ion-color-danger-rgb),.1)}.disclaimer{margin-top:.5rem;padding:.75rem;background-color:rgba(var(--ion-color-danger-rgb),.05);border:1px solid rgba(var(--ion-color-danger-rgb),.2);border-radius:6px}.disclaimer-text{margin:0;color:var(--text);font-size:.7rem;line-height:1.4}.disclaimer-link{color:var(--ion-color-primary);text-decoration:none}.disclaimer-link:hover{text-decoration:underline}.validation-error{color:var(--ion-color-danger);font-size:.7rem;font-weight:500;margin-top:.125rem}@media(prefers-color-scheme:dark){.file-upload-area{background-color:var(--surface)}.file-upload-area:hover{background-color:rgba(var(--ion-color-primary-rgb),.05)}.file-upload-area.drag-over{background-color:rgba(var(--ion-color-primary-rgb),.15)}.file-item{background-color:var(--surface)}.disclaimer{background-color:rgba(var(--ion-color-danger-rgb),.1);border-color:rgba(var(--ion-color-danger-rgb),.3)}}.quiz-view{width:100%;padding:16px}.quiz-header-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.quiz-title{font-size:24px;font-weight:600;color:var(--text);margin:0 0 8px}.quiz-description{font-size:16px;color:var(--text-light);margin:0;line-height:1.5}.card-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 12px}.instructions-text{font-size:14px;color:var(--text);line-height:1.5;margin:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-item{text-align:center;padding:8px;background:rgba(var(--ion-color-primary-rgb),.05);border-radius:6px}.stat-value{display:block;font-size:24px;font-weight:700;color:var(--ion-color-primary);line-height:1}.stat-label{display:block;font-size:12px;color:var(--text-light);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.times-grid{display:flex;flex-direction:column;gap:12px}.time-item{display:flex;flex-direction:column;gap:4px}.time-label{font-size:12px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.time-value{font-size:14px;color:var(--text);font-weight:500}@media(max-width:768px){.quiz-header-cards{grid-template-columns:1fr;gap:12px}.quiz-title{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-value{font-size:20px}}.questions-container{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:20px}.questions-header{font-size:18px;font-weight:600;color:var(--text);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--ion-color-primary)}.question-card{background:transparent;border:none;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #e0e0e0;position:relative}.question-card:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.question-card:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--ion-color-primary);opacity:.2}.question-card:after{content:"";position:absolute;left:0;top:30px;width:32px;height:2px;background:var(--ion-color-primary);opacity:.2;border-radius:0 2px 2px 0}.question-header{margin-bottom:8px;display:flex;align-items:flex-start;gap:8px}.question-number{background:var(--ion-color-primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0;margin-top:1px}.question-text{font-size:15px;font-weight:500;color:var(--text);line-height:1.4;flex:1}.explanation-toggle{font-size:14px;color:var(--ion-color-primary);text-decoration:underline;cursor:pointer;display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:4px 0;margin-top:8px;transition:color .2s ease}.explanation-toggle:hover{color:var(--ion-color-primary-shade)}.options-container{display:flex;flex-direction:column;gap:4px;margin-top:8px;margin-left:32px}.option{display:flex;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer;position:relative;transition:all .2s ease;min-height:36px}.option:hover{border-color:var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.02)}.option-content{display:flex;align-items:center;gap:10px;flex:1}.option-label{background:var(--ion-color-primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0}.option-text{color:var(--text);line-height:1.4;font-size:14px;flex:1}.option-indicator{display:flex;align-items:center;gap:8px;margin-left:8px}.option-icon{font-size:16px;color:var(--ion-color-primary)}.correct-icon{font-size:16px;color:var(--ion-color-success)}.option.correct{border-color:var(--ion-color-success);background:rgba(var(--ion-color-success-rgb),.05)}.option.wrong{border-color:var(--ion-color-danger);background:rgba(var(--ion-color-danger-rgb),.05)}.option.correct .option-label{background:var(--ion-color-success);color:#fff;font-weight:600}.option.wrong .option-label{background:var(--ion-color-danger);color:#fff;font-weight:600}.option.correct .option-text,.option.wrong .option-text{color:var(--text);font-weight:500}.explanation{margin-top:8px;margin-left:32px;padding:8px 12px;background:rgba(var(--ion-color-primary-rgb),.05);border-left:3px solid var(--ion-color-primary);border-radius:0 6px 6px 0;font-size:13px;color:var(--text);line-height:1.4}.quiz-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.action-btn{min-width:120px}.submit-btn{background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%);box-shadow:0 4px 12px rgba(var(--ion-color-primary-rgb),.3)}@media(max-width:768px){.quiz-view{padding:12px}.quiz-title{font-size:20px}.questions-container{padding:12px}.questions-header{font-size:16px}.question-text{font-size:13px}.options-container{margin-left:24px}.option{padding:4px 6px;min-height:28px}.option-label{min-width:14px;font-size:11px}.option-text{font-size:11px}.explanation{margin-left:24px;padding:6px 8px;font-size:10px}.quiz-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:200px}}@media(prefers-color-scheme:dark){.quiz-instructions{background-color:rgba(var(--ion-color-primary-rgb),.15)}.explanation{background:rgba(var(--ion-color-primary-rgb),.1)}}.custom-quiz-form{max-width:1600px;width:100%;background:var(--surface);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;margin:100px auto}.quiz-details-step{margin-top:10px}.quiz-form-header{background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%);color:#fff;padding:12px;text-align:center}.header-content h2{margin:0 0 4px;font-size:20px;font-weight:700}.header-content p{margin:0;font-size:13px;opacity:.9}.step-indicator{display:flex;align-items:center;justify-content:center;margin-top:12px;gap:4px}.step{display:flex;flex-direction:column;align-items:center;gap:4px}.step-circle{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.step.active .step-circle{background:#fff;border-color:#fff}.step.completed .step-circle{background:var(--ion-color-success);border-color:var(--ion-color-success)}.step-number{font-size:12px;font-weight:600;color:#fff}.step.active .step-number{color:var(--ion-color-primary)}.step.completed .step-number{color:#fff}.step-label{font-size:10px;font-weight:500;color:rgba(255,255,255,.8)}.step.active .step-label{color:#fff;font-weight:600}.step-connector{width:20px;height:2px;background:rgba(255,255,255,.3);margin:0 4px}.quiz-form-content{min-height:200px}.step-content{padding:4px}.step-header{margin-bottom:12px;text-align:center;display:flex;flex-direction:column;align-items:center}.step-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text);display:block}.step-header p{margin:0;font-size:13px;color:var(--text-light);display:block}.form-section{width:100%;display:flex;flex-direction:column}.form-group{margin-bottom:10px;width:100%}.form-label{display:block;margin-bottom:4px;font-weight:600;font-size:12px;color:var(--text)}.required{color:var(--ion-color-danger)}.optional{color:var(--text-light)}.form-input,.form-textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;font-size:14px;transition:all .3s ease;box-sizing:border-box;background:var(--surface);color:var(--text)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--ion-color-primary);box-shadow:0 0 0 2px rgba(var(--ion-color-primary-rgb),.1)}.form-textarea{resize:vertical;min-height:60px;font-family:inherit}.form-hint{display:block;margin-top:3px;font-size:10px;color:var(--text-light)}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit .form-input{padding-right:28px}.input-unit{position:absolute;right:10px;font-size:11px;font-weight:500;color:var(--text-light);pointer-events:none}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;margin-bottom:4px}.checkbox-input{display:none}.checkbox-custom{width:16px;height:16px;border:2px solid var(--border);border-radius:3px;background:var(--surface);position:relative;transition:all .3s ease;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background:var(--ion-color-primary);border-color:var(--ion-color-primary)}.checkbox-input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:600}.checkbox-text{font-weight:500;font-size:12px;color:var(--text)}.questions-section{width:100%}.questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;background:var(--background);border-radius:4px;border:1px solid var(--border)}.questions-count{display:flex;align-items:center;gap:3px}.count-number{font-size:16px;font-weight:700;color:var(--ion-color-primary)}.count-label{font-size:12px;font-weight:500;color:var(--text)}.add-question-btn{min-width:90px;height:32px;font-size:12px}.questions-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:8px 6px 8px 8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--ion-color-medium) var(--ion-color-light)}.questions-list::-webkit-scrollbar{width:6px}.questions-list::-webkit-scrollbar-track{background:var(--ion-color-light);border-radius:3px}.questions-list::-webkit-scrollbar-thumb{background:var(--ion-color-medium);border-radius:3px}.questions-list::-webkit-scrollbar-thumb:hover{background:var(--ion-color-primary)}.empty-questions{text-align:center;padding:24px 16px;background:var(--background);border:2px dashed var(--border);border-radius:6px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon{width:20px;height:20px;border-radius:50%;background:var(--ion-color-primary-tint);display:flex;align-items:center;justify-content:center;color:var(--ion-color-white)}.empty-state h3{margin:0;font-size:14px;font-weight:600;color:var(--text)}.empty-state p{margin:0;font-size:11px;color:var(--text-light)}.add-first-question-btn{min-width:120px;height:30px}.add-question-footer{display:flex;justify-content:center;padding:16px;margin-top:8px}.add-question-btn-footer{min-width:140px;height:40px}.quiz-form-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background);border-top:1px solid var(--border);gap:8px}.actions-left,.actions-center,.actions-right{display:flex;gap:8px;align-items:center}.actions-center{flex:1;justify-content:center}.cancel-btn,.prev-btn,.next-btn,.save-btn,.save-draft-btn{min-width:80px;height:40px;font-size:14px;font-weight:500}.save-draft-btn{--color: var(--ion-color-medium);--border-color: var(--border)}@media(min-width:768px){.quiz-form-actions{padding:14px 18px;gap:14px}.actions-left,.actions-center,.actions-right{gap:10px}.cancel-btn,.prev-btn,.next-btn,.save-btn,.save-draft-btn{min-width:90px;height:36px;font-size:14px}}@media(min-width:1024px){.quiz-form-actions{padding:16px 20px;gap:16px}.actions-left,.actions-center,.actions-right{gap:12px}.cancel-btn,.prev-btn,.next-btn,.save-btn,.save-draft-btn{min-width:100px;height:44px;font-size:15px}}@media(max-width:768px){.quiz-form-header{padding:12px}.header-content h2{font-size:18px}.step-content{padding:8px}.step-header h3{font-size:16px}.questions-header{flex-direction:column;gap:8px;align-items:stretch}.questions-count{justify-content:center}.questions-list{gap:6px}.quiz-form-actions{flex-wrap:wrap;gap:8px;padding:10px 12px}.actions-left{order:1}.actions-center{order:3;width:100%;justify-content:center;flex:unset}.actions-right{order:2;margin-left:auto}.cancel-btn,.prev-btn,.next-btn,.save-btn{height:36px;font-size:13px}.save-draft-btn{width:100%;height:36px;font-size:13px}}@media(min-width:40px){.quiz-form-header{padding:8px}.header-content h2{font-size:16px}.header-content p{font-size:11px}.step-content{padding:6px}.step-header{margin-bottom:8px}.step-header h3{font-size:14px}.step-header p{font-size:11px}.form-group{margin-bottom:8px}.form-label{font-size:11px}.form-input,.form-textarea{padding:8px;font-size:13px}.form-textarea{min-height:50px}.questions-header{padding:8px}.questions-list{gap:4px;padding-right:4px}.quiz-form-actions{padding:6px 8px}.cancel-btn,.prev-btn,.next-btn,.save-btn,.save-draft-btn{height:32px;font-size:11px;min-width:60px}}@media(prefers-color-scheme:dark){.custom-quiz-form{box-shadow:0 2px 8px rgba(0,0,0,.3);border:1px solid var(--border)}.quiz-form-actions{background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 4px rgba(0,0,0,.1);border-radius:0 0 8px 8px}}.quiz-creation-success{max-width:100%;margin:0 auto;padding:8px}.success-content{text-align:center;padding:0}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ion-color-success);border-radius:50%;margin-bottom:12px;color:#fff;font-size:20px}.success-content h2{color:var(--ion-color-success);margin:0 0 16px;font-size:18px;font-weight:700}.quiz-details-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;margin:12px 0;box-shadow:0 1px 4px rgba(0,0,0,.1);text-align:left}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.quiz-title{color:var(--text);font-size:16px;font-weight:700;margin:0;flex:1}.quiz-status{flex-shrink:0}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.public{background:var(--ion-color-success);color:#fff}.status-badge.private{background:var(--ion-color-danger);color:#fff}.quiz-description{color:var(--text-light);font-size:12px;line-height:1.4;margin:0 0 8px;font-style:italic}.quiz-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.info-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px;background:var(--background);border-radius:6px;border:1px solid var(--border)}.info-label{font-size:9px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.info-value{font-size:11px;font-weight:600;color:var(--text);line-height:1.2}.quizshot-id-section{background:var(--ion-color-primary);border-radius:12px;padding:16px 12px;margin:16px 0;box-shadow:0 2px 8px rgba(var(--ion-color-primary-rgb),.3);text-align:center}.quizshot-id-section h3{margin:0 0 8px;color:#fff;font-size:16px;font-weight:700}.quizshot-id-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-bottom:4px}.quizshot-id{font-family:Courier New,monospace;font-size:28px;font-weight:900;background:#fff;color:var(--ion-color-primary);padding:12px 20px;border-radius:8px;letter-spacing:2px;box-shadow:0 2px 6px rgba(0,0,0,.2);min-width:140px;text-align:center;word-break:keep-all}.quizshot-hint{color:rgba(255,255,255,.9);font-size:12px;margin:0;font-weight:500}.success-actions{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}.success-actions button{min-width:100px;font-size:14px;padding:8px 16px}@media(max-width:768px){.quiz-creation-success{padding:6px}.success-icon{width:36px;height:36px;font-size:18px;margin-bottom:8px}.success-content h2{font-size:16px;margin-bottom:12px}.quiz-details-card{padding:10px;margin:10px 0}.quiz-header{flex-direction:column;align-items:center;text-align:center;margin-bottom:6px}.quiz-title{font-size:14px;margin-bottom:4px}.quiz-info-grid{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:6px}.info-item{padding:4px}.info-label{font-size:8px}.info-value{font-size:10px}.quizshot-id-section{padding:12px 8px;margin:12px 0}.quizshot-id-section h3{font-size:14px;margin-bottom:6px}.quizshot-id-container{flex-direction:column;align-items:center;gap:4px}.quizshot-id{font-size:22px;padding:10px 16px;letter-spacing:1.5px;min-width:120px}.quizshot-hint{font-size:11px}.success-actions{flex-direction:column;gap:6px;margin-top:12px}.success-actions button{min-width:auto;width:100%;font-size:13px;padding:6px 12px}}.ai-quiz-page{max-width:var(--page-max-width);margin:0 auto;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 72px);display:flex;flex-direction:column;gap:12px;width:100%}.ai-page-intro{text-align:center;margin-bottom:28px}.ai-page-intro h1{font-size:clamp(20px,5vw,24px);font-weight:700;color:var(--text);margin:0 0 8px;letter-spacing:-.2px}.ai-page-intro p{font-size:clamp(13px,3.5vw,15px);color:var(--text-light);margin:0;line-height:1.5}.ai-form{display:flex;flex-direction:column;gap:24px}.ai-form-field{display:flex;flex-direction:column;gap:6px}.ai-field-label{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--text)}.ai-field-required{color:var(--ion-color-danger)}.ai-field-hint{font-size:clamp(12px,3vw,13px);color:var(--text-light);margin:0 0 4px;line-height:1.4}.ai-url-note{margin-top:6px;margin-bottom:0}.ai-mode-toggle{display:flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px}.ai-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-light);font-size:clamp(13px,3.5vw,14px);font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ai-mode-btn ion-icon{font-size:18px;flex-shrink:0}.ai-mode-btn.active{background:var(--ion-color-primary);color:#fff}.ai-mode-btn:disabled{opacity:.5}.ai-context-textarea{--background: var(--surface);--color: var(--text);--placeholder-color: var(--text-light);--placeholder-opacity: .6;--padding-start: 12px;--padding-end: 12px;--padding-top: 12px;--padding-bottom: 12px;--border-radius: var(--radius-sm);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:clamp(13px,3.5vw,15px);line-height:1.5;min-height:160px;transition:border-color .15s ease}.ai-context-textarea.ion-focused{border-color:var(--ion-color-primary)}.ai-char-count{font-size:12px;color:var(--text-light);text-align:right}.ai-url-input{--background: var(--surface);--color: var(--text);--placeholder-color: var(--text-light);--placeholder-opacity: .6;--padding-start: 12px;--padding-end: 12px;--padding-top: 14px;--padding-bottom: 14px;--border-radius: var(--radius-sm);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:clamp(13px,3.5vw,15px);min-height:52px;transition:border-color .15s ease}.ai-url-input.ion-focused{border-color:var(--ion-color-primary)}.ai-difficulty-group{display:flex;gap:8px}.ai-difficulty-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;padding:10px 6px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ai-difficulty-btn:active:not(:disabled){background:rgba(var(--ion-color-primary-rgb),.06)}.ai-difficulty-btn.active{border-color:var(--ion-color-primary);border-width:2px;background:rgba(var(--ion-color-primary-rgb),.08)}.ai-difficulty-btn:disabled{opacity:.5}.ai-difficulty-label{font-size:clamp(12px,3vw,13px);font-weight:600;color:var(--text);line-height:1.2}.ai-difficulty-btn.active .ai-difficulty-label{color:var(--ion-color-primary)}.ai-difficulty-desc{font-size:clamp(10px,2.5vw,11px);color:var(--text-light);line-height:1.2}.ai-count-header{display:flex;align-items:center;justify-content:space-between}.ai-count-badge{background:var(--ion-color-primary);color:#fff;font-size:clamp(13px,3.5vw,14px);font-weight:700;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ai-count-range{--bar-height: 4px;--bar-background: var(--border);--bar-background-active: var(--ion-color-primary);--knob-size: 24px;--knob-background: var(--ion-color-primary);--knob-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);--pin-background: var(--ion-color-primary);--pin-color: #fff;padding:4px 0}.ai-slider-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-light);margin-top:-4px;padding:0 2px}.ai-generating-btn-content{display:flex;align-items:center;justify-content:center;gap:8px}.ai-spinner{width:18px;height:18px;color:#fff}.ai-generating-hint{font-size:clamp(12px,3vw,13px);color:var(--text-light);text-align:center;margin:0;font-style:italic;animation:ai-pulse 1.5s ease-in-out infinite}@keyframes ai-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(min-width:600px){.ai-quiz-page{padding:20px 24px calc(env(safe-area-inset-bottom,0px) + 80px);gap:14px}.ai-context-textarea{min-height:200px}.ai-difficulty-btn{min-height:72px;padding:12px 8px}}@media(min-width:1024px){.ai-quiz-page{padding:28px 32px calc(env(safe-area-inset-bottom,0px) + 32px);gap:16px}}@media(prefers-color-scheme:dark){.ai-context-textarea,.ai-url-input{--background: var(--surface);border-color:var(--border)}.ai-mode-toggle,.ai-difficulty-btn{background:var(--surface);border-color:var(--border)}.ai-difficulty-btn.active{background:rgba(var(--ion-color-primary-rgb),.15)}}.quiz-player{max-width:700px;margin:0 auto;padding:0;background:var(--ion-color-step-50)}.quiz-progress{margin-bottom:24px;padding:0}.progress-text{text-align:center;margin-top:8px;font-size:16px;color:var(--ion-color-medium);font-weight:500}.question-card{margin-bottom:24px;background:transparent;box-shadow:none;border:none}.question-card ion-card-content{padding:0}.question-header{margin-bottom:8px}.question-text{font-size:22px;font-weight:500;color:var(--ion-color-step-900);margin:0 0 8px;line-height:1.4;font-family:Google Sans,Roboto,Arial,sans-serif}.required-info{font-size:12px;color:var(--ion-color-medium);font-weight:400}.validation-message{margin:4px 0 8px}.validation-message p,.answer-options{margin:0}.option-item{margin:0;border:none;border-radius:0;transition:none;--background: transparent;--background-hover: transparent;--background-activated: transparent;--background-focused: transparent;--padding-start: 0;--padding-end: 0;--min-height: auto;--inner-padding-start: 0;--inner-padding-end: 0;--inner-padding-top: 0;--inner-padding-bottom: 0;--border-width: 0;--border-style: none;--border-color: transparent;--box-shadow: none;--outline: none}.option-item:hover{background:transparent;border:none;transform:none;box-shadow:none;--background-hover: transparent;--border-width: 0;--box-shadow: none;--outline: none}.option-item.ion-focused{background:transparent;border:none;box-shadow:none;--background-focused: transparent;--border-width: 0;--box-shadow: none;--outline: none}.option-item:focus{outline:none;border:none;box-shadow:none}.option-text{font-size:14px;line-height:1.5;font-weight:400;color:var(--ion-color-step-850);font-family:Google Sans,Roboto,Arial,sans-serif;margin:0;padding:0}.option-item.correct .option-text{color:var(--ion-color-success);font-weight:500}.option-item.correct-missed .option-text{color:var(--ion-color-success);font-weight:500;opacity:.7}.option-item.incorrect .option-text{color:var(--ion-color-danger);font-weight:500}.option-item.neutral .option-text{color:var(--ion-color-step-850)}.multiple-choice-options{display:flex;flex-direction:column;gap:0}.option-item ion-radio{--color: var(--ion-color-step-400);--color-checked: var(--ion-color-primary);--size: 20px;--border-radius: 50%;--border-width: 2px;--border-style: solid;--border-color: var(--ion-color-step-300);--inner-border-radius: 50%;--inner-border-width: 2px;--inner-border-style: solid;--inner-border-color: transparent;--box-shadow: none;--outline: none;margin-right:12px}.option-item ion-checkbox{--color: var(--ion-color-step-400);--color-checked: var(--ion-color-primary);--size: 20px;--border-radius: 50%;--border-width: 2px;--border-style: solid;--border-color: var(--ion-color-step-300);--checkmark-color: var(--ion-color-primary-contrast);--box-shadow: none;--outline: none;margin-right:12px}.option-item.correct ion-radio,.option-item.correct ion-checkbox{--color-checked: var(--ion-color-success);--border-color: var(--ion-color-success);--checkmark-color: var(--ion-color-success-contrast)}.option-item.incorrect ion-radio,.option-item.incorrect ion-checkbox{--color-checked: var(--ion-color-danger);--border-color: var(--ion-color-danger);--checkmark-color: var(--ion-color-danger-contrast)}.option-item{--background: transparent;--background-hover: transparent;--background-activated: transparent;--background-focused: transparent;--background-focused-opacity: 0;--background-hover-opacity: 0;--background-activated-opacity: 0}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;margin:32px 0 16px;gap:16px}.question-indicators{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;flex:1;margin:0 16px}.question-indicator{width:28px;height:28px;border-radius:4px;border:1px solid var(--ion-color-step-200);background:var(--ion-color-step-50);color:var(--ion-color-medium);font-weight:400;font-size:12px;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center}.question-indicator:hover{border-color:var(--ion-color-primary);color:var(--ion-color-primary);background:var(--ion-color-step-100)}.question-indicator.active{background:var(--ion-color-primary);border-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)}.question-indicator.answered{background:var(--ion-color-success);border-color:var(--ion-color-success);color:var(--ion-color-success-contrast)}.question-indicator.answered.active{background:var(--ion-color-primary);border-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)}.question-indicator:disabled{opacity:.5;cursor:not-allowed;background:var(--ion-color-step-100);border-color:var(--ion-color-step-200);color:var(--ion-color-step-400)}.quiz-navigation ion-button{--border-radius: 4px;--padding-start: 16px;--padding-end: 16px;height:36px;font-weight:500;text-transform:none;font-size:14px;--background: var(--ion-color-step-100);--color: var(--ion-color-primary);--background-hover: var(--ion-color-step-200);--background-activated: var(--ion-color-step-200)}.quiz-navigation ion-button[color=success]{--background: var(--ion-color-primary);--color: var(--ion-color-primary-contrast);--background-hover: var(--ion-color-primary-shade);--background-activated: var(--ion-color-primary-shade)}.explanation-section{margin-top:20px;padding:16px;background:var(--ion-color-step-100);border-radius:4px}.explanation-section h4{margin:0 0 12px;color:var(--ion-color-step-900);font-size:14px;font-weight:500;font-family:Google Sans,Roboto,Arial,sans-serif}.correct-answers p{margin:0 0 8px;font-weight:500;color:var(--ion-color-step-900);font-size:13px}.correct-answers ul{margin:0;padding-left:16px}.correct-answers li{margin:4px 0;color:var(--ion-color-step-850);font-size:13px;line-height:1.4}.explanation-text{margin:4px 0 0;font-style:italic;color:var(--ion-color-medium);font-size:12px;line-height:1.3}.explanation-toggle{text-align:center;margin:16px 0}.explanation-toggle ion-button{--border-radius: 4px;--padding-start: 16px;--padding-end: 16px;height:32px;font-weight:500;text-transform:none;font-size:13px;--background: var(--ion-color-step-100);--color: var(--ion-color-primary)}@media(prefers-color-scheme:dark){.quiz-player{background:var(--ion-color-step-50)}.question-text{color:var(--ion-color-step-50)}.option-text,.option-item.neutral .option-text{color:var(--ion-color-step-100)}.explanation-section h4,.correct-answers p{color:var(--ion-color-step-50)}.correct-answers li{color:var(--ion-color-step-100)}.question-indicator{background:var(--ion-color-step-100);border-color:var(--ion-color-step-200);color:var(--ion-color-step-600)}.question-indicator:hover{background:var(--ion-color-step-150);border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.question-indicator.active{background:var(--ion-color-primary);border-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)}.question-indicator.answered{background:var(--ion-color-success);border-color:var(--ion-color-success);color:var(--ion-color-success-contrast)}}@media(max-width:768px){.quiz-player{padding:0 16px}.question-text{font-size:16px}.option-text{font-size:13px}.quiz-navigation{flex-direction:column;gap:16px;margin:24px 0 16px}.question-indicators{order:-1;margin:0}.question-indicator{width:24px;height:24px;font-size:11px}.quiz-navigation ion-button{width:100%;max-width:200px}.compact-view .question-card.compact-question{margin-bottom:0!important;padding:1px 6px!important}.compact-view .question-text.compact{font-size:14px!important;margin:0!important}.compact-view .option-item{--min-height: auto !important;--padding-start: 0 !important;--padding-end: 0 !important;--inner-padding-start: 0 !important;--inner-padding-end: 0 !important;--padding-top: 0 !important;--padding-bottom: 0 !important;margin:0!important}.compact-view .option-text{font-size:12px!important;padding:0!important;margin:0!important}.compact-view .option-item ion-radio,.compact-view .option-item ion-checkbox{--size: 14px !important;margin-right:4px!important}.compact-view .explanation{font-size:11px!important;padding:1px 4px!important;margin:0!important}}.option-item:focus-within{outline:none;--outline: none}.question-indicator:focus{outline:none}.option-item{animation:none}.compact-view{padding:0!important}.compact-view .question-card{margin-bottom:0!important}.compact-view .question-card.compact-question{margin-bottom:0!important;padding:2px 8px!important;background:var(--ion-color-step-100)!important;border-radius:4px!important;border:1px solid var(--ion-color-step-200)!important}.compact-view .question-text.compact{font-size:16px!important;margin:0!important;line-height:1.1!important;font-weight:600!important}.compact-view .required-info.compact{font-size:10px!important;margin:0!important;color:var(--ion-color-medium)!important}.compact-view .answer-options{margin:0!important;padding:0!important}.compact-view .option-item{--padding-start: 0 !important;--padding-end: 0 !important;--min-height: auto !important;margin:0!important;border-radius:0!important;--inner-padding-start: 0 !important;--inner-padding-end: 0 !important;--padding-top: 0 !important;--padding-bottom: 0 !important}.compact-view .option-text{font-size:13px!important;line-height:1.2!important;padding:0!important;margin:0!important}.compact-view .explanation{font-size:12px!important;margin:0!important;padding:2px 6px!important;background:var(--ion-color-step-50)!important;border-radius:3px!important;line-height:1.1!important}.compact-view .option-item ion-radio,.compact-view .option-item ion-checkbox{--size: 16px !important;margin-right:6px!important}.compact-view .option-item ion-icon{font-size:16px!important;margin-left:4px!important}@media(prefers-color-scheme:dark){.quiz-player{background:var(--ion-color-step-50)}.option-item:hover,.option-item.ion-focused,.question-indicator:hover{background:var(--ion-color-step-100)}.compact-view .question-card.compact-question{background:var(--ion-color-step-150);border-color:var(--ion-color-step-300)}.compact-view .explanation{background:var(--ion-color-step-100)}.compact-view .option-item{--background: transparent}.compact-view .option-item:hover{--background: var(--ion-color-step-100)}}.reward-display{margin:1rem 0;width:100%;box-sizing:border-box;grid-column:1 / -1}@media(min-width:1024px){.reward-display{width:100%;margin:1rem 0;grid-column:1 / -1}.rewards-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}.rewards-header{position:static;z-index:1}.rewards-content-area{width:100%}}.rewards-container{padding:1rem 2rem;width:100%;box-sizing:border-box;max-width:100%;display:flex;flex-direction:column}.rewards-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;text-align:center;width:100%}.rewards-icon{font-size:2rem;color:var(--ion-color-warning)}.rewards-header h3{margin:0;color:var(--text);font-size:1.25rem;font-weight:600}.score-info{margin:.25rem 0 0;color:var(--text-light);font-size:.8rem;font-weight:500}.rewards-section{margin-bottom:1.5rem}.rewards-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1rem;font-weight:600}.section-title.unlocked{color:var(--ion-color-success)}.section-title.locked{color:var(--text-light)}.section-icon{font-size:1.2rem}.rewards-list{display:flex;flex-direction:column;gap:.75rem}.reward-item{padding:1rem;border-radius:8px;border:1px solid var(--border);background-color:var(--background);transition:all .2s ease}.reward-item.unlocked{border-color:var(--ion-color-success);background:linear-gradient(135deg,rgba(var(--ion-color-success-rgb),.05),rgba(var(--ion-color-success-rgb),.02))}.reward-item.locked{opacity:.6;background-color:var(--surface)}.reward-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.reward-type-icon{font-size:1.5rem;color:var(--text-light);flex-shrink:0;margin-top:.125rem}.reward-type-icon.locked{opacity:.5}.reward-item.unlocked .reward-type-icon{color:var(--ion-color-success)}.reward-info{flex:1;min-width:0}.reward-title{margin:0 0 .25rem;color:var(--text);font-size:1rem;font-weight:600;word-break:break-word}.reward-description{margin:0 0 .5rem;color:var(--text-light);font-size:.8rem;line-height:1.4;word-break:break-word}.reward-requirement{display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;background-color:var(--surface);color:var(--text-light)}.reward-item.unlocked .reward-requirement{background-color:rgba(var(--ion-color-success-rgb),.1);color:var(--ion-color-success)}.reward-content{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.reward-text-content{color:var(--text);font-size:.9rem;line-height:1.5}.reward-text-content p{margin:0}.reward-media-content{margin-top:.5rem}.media-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.media-item{position:relative;border-radius:6px;overflow:hidden;background-color:var(--surface);border:1px solid var(--border)}.reward-image,.reward-video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background-color:var(--surface);border:1px solid var(--border);display:block}.reward-video{background-color:var(--background);position:relative;z-index:2;pointer-events:auto}.reward-video::-webkit-media-controls{display:flex!important}.reward-video::-webkit-media-controls-panel{display:flex!important;background:rgba(0,0,0,.7)!important}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.3),rgba(0,0,0,.7));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.media-item:hover .media-overlay{opacity:1}.media-overlay ion-button{pointer-events:auto;--color: white;--background: rgba(255, 255, 255, .2);--border-radius: 20px;font-size:.8rem}.media-overlay ion-button:hover{--background: rgba(255, 255, 255, .3)}.media-loading,.media-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-light)}.media-error{background-color:var(--surface);border-radius:6px;border:1px solid var(--border)}.media-loading p,.media-error p{margin:.5rem 0 0;font-size:.8rem;text-align:center}.error-detail{margin:.5rem 0 0;font-size:.75rem;color:var(--text-light)}.no-rewards{text-align:center;padding:2rem 1rem;color:var(--text-light)}.no-rewards p{margin:0;font-size:.9rem}.congratulations-container{margin:1rem 0;width:100%;box-sizing:border-box;grid-column:1 / -1}@media(min-width:1024px){.congratulations-container{width:100%;margin:1rem 0;grid-column:1 / -1}.congratulations-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}.congratulations-header{position:sticky;top:2rem}.congratulations-content-area{width:100%}}.congratulations-content{padding:1rem 2rem;width:100%;box-sizing:border-box;max-width:100%}.congratulations-header{text-align:center;padding:20px}.congratulations-icon{font-size:48px;color:var(--ion-color-warning);margin-bottom:16px}.congratulations-title{margin:0 0 8px;color:var(--ion-color-primary)}.congratulations-message{margin:0 0 16px;color:var(--ion-color-medium)}@media(min-width:768px){.rewards-container,.congratulations-content{padding:1rem 3rem}.reward-item{padding:.75rem}.reward-content{margin-top:.5rem;padding-top:.5rem}}@media(max-width:768px){.rewards-container,.congratulations-content{padding:1rem}.rewards-header{width:100%;margin-bottom:1.5rem;order:-1}.reward-header{gap:.5rem}.reward-type-icon{font-size:1.25rem}.media-grid{gap:.5rem}.reward-image,.reward-video{aspect-ratio:16/9}}@media(min-width:1024px){.reward-image,.reward-video{aspect-ratio:16/9}}@media(min-width:1200px){.reward-image,.reward-video{aspect-ratio:16/9}}@media(prefers-color-scheme:dark){.reward-item.unlocked{background:linear-gradient(135deg,rgba(var(--ion-color-success-rgb),.1),rgba(var(--ion-color-success-rgb),.05))}.reward-item.locked,.reward-requirement{background-color:var(--background)}.reward-item.unlocked .reward-requirement{background-color:rgba(var(--ion-color-success-rgb),.15)}}.quiz-results{margin:16px 0}.results-table-container{max-height:200px;overflow-y:auto;border:1px solid var(--ion-color-step-200);border-radius:6px;background:var(--ion-color-step-50)}.results-header{display:grid!important;grid-template-columns:60px 1fr 90px 70px!important;gap:8px!important;padding:6px 12px;background:var(--ion-color-step-100);border-bottom:1px solid var(--ion-color-step-200);font-weight:600;font-size:11px;color:var(--ion-color-medium);position:sticky;top:0;z-index:1;width:100%}.results-header .rank-col{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-header .name-col{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-header .time-col{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-header .score-col{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;margin:0;border-radius:0;border:none;border-bottom:1px solid var(--ion-color-step-150);min-height:18px}.result-item:last-child{border-bottom:none}.result-item.current-user{background-color:var(--ion-color-primary-tint);border-color:var(--ion-color-primary)}.result-row{display:grid!important;grid-template-columns:60px 1fr 90px 70px!important;gap:6px!important;align-items:center;padding:4px 8px;min-height:18px;width:100%}.rank-section{display:flex;align-items:center;justify-content:center;min-width:60px;max-width:60px;overflow:hidden}.rank-text{margin:0;font-size:9px;color:var(--ion-color-medium);text-align:center;font-weight:500}.user-info{display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden}.user-info h3{margin:0;font-size:10px;font-weight:600;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.username{margin:0;font-size:8px;color:var(--ion-color-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-section{display:flex;align-items:center;justify-content:center;min-width:90px;max-width:90px;overflow:hidden}.time-section .time-text{margin:0;font-size:9px;color:var(--ion-color-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.score-section{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:70px;max-width:70px;text-align:right;overflow:hidden}.score-section strong{font-size:10px;font-weight:700;text-align:right;width:100%}.score-details{margin:0;font-size:7px;color:var(--ion-color-medium);text-align:right;width:100%}@media(min-width:768px){.quiz-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}.results-table-container{max-height:300px}}@media(max-width:767px){.quiz-results{display:block}.results-table-container{max-height:250px}}.personal-result{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,var(--ion-color-primary-tint),var(--ion-color-light));border-radius:8px;margin:8px 0}.personal-result-container .content-card .ion-card-content>div{display:flex;justify-content:space-between;align-items:stretch;gap:16px}.personal-result-container .personal-result{margin:0;flex:1;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.rank-display{display:flex;flex-direction:column;align-items:center}.rank-display .rank-text{margin:4px 0 0;font-size:12px;font-weight:600;color:var(--ion-color-primary)}.score-display{text-align:right}.score-display h2{margin:0 0 2px;font-size:24px;font-weight:700;color:var(--ion-color-primary)}.score-display p{margin:0;font-size:11px;color:var(--ion-color-medium)}@media(max-width:768px){.result-row{gap:12px}.rank-section{min-width:50px}.score-section{min-width:70px}.personal-result{flex-direction:column;text-align:center;gap:16px}.score-display{text-align:center}.personal-result-container .content-card .ion-card-content>div{flex-direction:column;gap:12px}.personal-result-container .personal-result{min-height:auto;margin:0}}.duel-winner-card{text-align:center;padding:8px 0 16px}.duel-trophy-icon{font-size:64px;color:var(--ion-color-warning);display:block;margin-bottom:8px}.duel-winner-title{font-size:22px;font-weight:700;color:var(--ion-color-primary);margin:0 0 20px}.wins-counter-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.wins-number{font-size:72px;font-weight:800;color:var(--ion-color-warning);line-height:1;transition:transform .3s ease}.wins-number.pop{animation:wins-pop .5s cubic-bezier(.36,.07,.19,.97)}@keyframes wins-pop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.wins-delta{font-size:28px;font-weight:700;color:var(--ion-color-success);opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.wins-delta.visible{opacity:1;transform:translateY(0)}.wins-label{font-size:13px;color:var(--ion-color-medium);margin:0;letter-spacing:2px;text-transform:uppercase}@media(min-width:768px){.quiz-results.host-view{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:start}.quiz-results.host-view .personal-result-container,.quiz-results.host-view .results-list-container{height:100%}.quiz-results.host-view .personal-result-container .content-card,.quiz-results.host-view .results-list-container .content-card{height:100%;display:flex;flex-direction:column}.quiz-results.host-view .personal-result-container .content-card{min-height:200px;justify-content:center}.quiz-results.player-view{display:grid;grid-template-columns:1fr 2fr;gap:16px}.results-table-container{max-height:300px}}.quiz-details-container{padding:80px 16px 100px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 160px)}.host-notice{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:var(--ion-color-step-100);border-radius:4px;border-left:3px solid var(--ion-color-warning)}.host-notice-icon{font-size:16px;color:var(--ion-color-warning);flex-shrink:0}.host-notice p{margin:0;color:var(--ion-color-step-850);font-size:13px;line-height:1.3}.quiz-status-card{margin-bottom:16px}.status-content{display:flex;align-items:flex-start;gap:12px}.status-icon{font-size:24px;margin-top:4px}.status-icon.success{color:var(--ion-color-success)}.status-icon.warning{color:var(--ion-color-warning)}.status-icon.danger{color:var(--ion-color-danger)}.status-text{flex:1}.status-title{margin:0 0 8px;font-size:18px;font-weight:600}.quiz-times{display:flex;flex-direction:column;gap:4px}.time-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.time-label{color:var(--ion-color-medium);font-weight:500}.time-value{color:var(--ion-color-dark);font-weight:600}.floating-countdown{position:fixed!important;z-index:2147483647!important;width:50px;height:50px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);border:2px solid var(--ion-color-light);display:flex;align-items:center;justify-content:center;cursor:move;transition:all .3s ease;user-select:none;pointer-events:auto;transform:translateZ(0);isolation:isolate}.floating-countdown:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.25)}.countdown-time{font-size:12px;font-weight:700;font-family:Courier New,monospace;transition:all .3s ease;text-align:center;line-height:1}.countdown-time.primary{color:var(--ion-color-primary)}.countdown-time.warning{color:#f59e0b;animation:pulse 1s infinite}.countdown-time.danger{color:#ef4444;animation:pulse .5s infinite}.countdown-time.zero{color:#fff}.floating-countdown.zero-minutes{background:#ef4444!important;border-color:#dc2626!important}.floating-countdown.zero-minutes .countdown-time{color:#fff!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.floating-countdown.zero-minutes{animation:pulseIntense .3s infinite}.floating-countdown.completed{background:#ef4444!important;border-color:#dc2626!important;animation:none!important}.floating-countdown.completed .countdown-time{color:#fff!important}@keyframes pulseIntense{0%{transform:scale(1);box-shadow:0 2px 8px rgba(239,68,68,.3)}50%{transform:scale(1.1);box-shadow:0 4px 16px rgba(239,68,68,.6)}to{transform:scale(1);box-shadow:0 2px 8px rgba(239,68,68,.3)}}@media(max-width:768px){.quiz-details-container{padding-top:90px;padding-bottom:120px}.floating-countdown{top:80px;right:12px;width:45px;height:45px}.countdown-time{font-size:11px}}.quiz-actions{margin-bottom:24px}.action-button{--border-radius: 12px;font-weight:600;text-transform:none}.edit-button{--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade)}.start-button{--background: var(--ion-color-success);--background-hover: var(--ion-color-success-shade)}.start-button:disabled{--background: var(--ion-color-medium);--background-hover: var(--ion-color-medium);--color: var(--ion-color-medium-contrast)}.error-card{text-align:center;padding:32px 16px}.error-content{display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon{font-size:48px;color:var(--ion-color-danger)}.error-content h3{margin:0;color:var(--ion-color-dark)}.error-content p{margin:0;color:var(--ion-color-medium);line-height:1.5}@media(min-width:768px){.quiz-details-container{padding:100px 24px 120px}.status-content{gap:16px}.status-icon{font-size:28px}.status-title{font-size:20px}.quiz-times{flex-direction:row;gap:24px}.time-item{flex-direction:column;align-items:flex-start;gap:4px}}.reset-password-content{--background: var(--background)}.reset-password-container{display:flex;min-height:100vh;background:var(--background)}.form-header h2{color:var(--text);font-size:28px;font-weight:700;margin:0 0 12px;line-height:1.2}.form-header p{color:var(--text-light);font-size:16px;margin:0;line-height:1.5}.reset-form{display:flex;flex-direction:column;gap:24px}.reset-button{--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade);--background-activated: var(--ion-color-primary-shade);--color: white;--border-radius: 12px;--padding-top: 16px;--padding-bottom: 16px;--font-weight: 600;--font-size: 16px;margin:24px 0;height:56px;text-transform:none;transition:all .2s ease}.reset-button:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(var(--ion-color-primary-rgb),.3)}.reset-button:disabled{--background: var(--text-light);--color: var(--surface);transform:none;box-shadow:none}.signin-link{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);font-weight:600;text-decoration:none;margin-left:4px}.loading-container{text-align:center;padding:20px;background:var(--surface);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:400px;width:100%}.loading-icon{color:var(--ion-color-primary);margin-bottom:20px}.loading-container h2{color:var(--text);font-size:24px;font-weight:600;margin:0 0 12px}.loading-container p{color:var(--text-light);font-size:16px;margin:0}.success-icon{color:var(--ion-color-success);margin-bottom:24px}.success-container h2{color:var(--text);font-size:24px;font-weight:700;margin:0 0 16px;line-height:1.2}.success-container p{color:var(--text-light);font-size:16px;margin:0 0 32px;line-height:1.5}.success-button{--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade);--color: white;--border-radius: 12px;--padding-top: 16px;--padding-bottom: 16px;--font-weight: 600;--font-size: 16px;height:56px;text-transform:none;transition:all .2s ease}.success-button:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(var(--ion-color-primary-rgb),.3)}@media(max-width:1024px){.reset-password-container{flex-direction:column}.form-section{padding:40px 20px}}@media(max-width:480px){.form-section{padding:20px 16px}.form-header h2{font-size:22px}.form-header p{font-size:14px}.loading-container,.success-container{padding:16px}.loading-container h2,.success-container h2{font-size:20px}.loading-container p,.success-container p{font-size:14px}}@media(prefers-color-scheme:dark){.reset-password-container{background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%)}.reset-password-form,.loading-container,.success-container{background:var(--surface);box-shadow:0 20px 40px rgba(0,0,0,.3)}.form-header h2,.loading-container h2,.success-container h2{color:var(--text)}.form-header p,.loading-container p,.success-container p{color:var(--text-light)}.input-label{color:var(--text)}.input-item{--background: var(--surface);--border-color: var(--border)}.input-item:hover{--border-color: var(--text-light)}.custom-input{--color: var(--text);--placeholder-color: var(--text-light)}}.forgot-password-content{--background: #f8fafc}.forgot-password-container{display:flex;min-height:100vh;background:var(--background)}.form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:60px;background:var(--surface)}.form-container{width:100%;max-width:500px;animation:slideInRight 1s ease-out .3s both}.success-form-container{display:flex;align-items:center;justify-content:center;min-height:100%}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.form-header{text-align:center;margin-bottom:32px}.form-header h2{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 12px;line-height:1.2}.form-header p{color:#718096;font-size:16px;margin:0;line-height:1.5}.forgot-form{display:flex;flex-direction:column;gap:24px}.back-to-signin{text-align:center;margin-top:24px}.success-container{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.success-icon{margin-bottom:24px;color:#667eea}.success-container h2{color:#1a202c;font-size:24px;font-weight:700;margin:0 0 16px;line-height:1.2}.success-container p{color:#4a5568;font-size:16px;margin:0 0 12px;line-height:1.5}.instruction-text{color:#718096!important;font-size:14px!important;margin-bottom:32px!important}.success-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.back-button-header{--color: #667eea;--color-hover: #5a67d8;margin-left:8px}@media(max-width:1024px){.forgot-password-container{flex-direction:column}.form-section{padding:40px 20px}}@media(max-width:768px){.form-section{padding:30px 16px}.form-header h2{font-size:24px}}@media(max-width:480px){.form-section{padding:20px 16px}.form-header h2{font-size:22px}.form-header p{font-size:14px}}@media(prefers-color-scheme:dark){.forgot-password-content{--background: #1a202c}.forgot-password-container{background:linear-gradient(135deg,#2d3748,#4a5568)}.forgot-password-form{background:#2d3748;box-shadow:0 20px 40px rgba(0,0,0,.3)}.form-header h2{color:#f7fafc}.form-header p{color:#a0aec0}.input-label{color:#e2e8f0}.input-item{--background: #4a5568;--border-color: #718096}.input-item:hover{--border-color: #a0aec0}.custom-input{--color: #f7fafc;--placeholder-color: #a0aec0}.success-container h2{color:#f7fafc}.success-container p{color:#e2e8f0}.instruction-text{color:#a0aec0!important}}.terms-content{--background: var(--background)}.terms-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%)}.terms-content-wrapper{background:var(--surface);border-radius:16px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.1);width:100%;max-width:800px;margin:0 auto;max-height:90vh;overflow-y:auto}.terms-content-wrapper h1{color:var(--text);font-size:32px;font-weight:700;margin:0 0 8px;text-align:center;line-height:1.2}.terms-content-wrapper section{margin-bottom:32px}.terms-content-wrapper h2{color:var(--text);font-size:20px;font-weight:600;margin:0 0 12px;line-height:1.3;border-bottom:2px solid var(--ion-color-primary);padding-bottom:8px}.terms-content-wrapper h3{color:var(--text);font-size:16px;font-weight:600;margin:16px 0 8px;line-height:1.3}.terms-content-wrapper p{color:var(--text);font-size:14px;line-height:1.6;margin:0 0 12px}.terms-content-wrapper ul{color:var(--text);font-size:14px;line-height:1.6;margin:0 0 12px;padding-left:20px}.terms-content-wrapper li{margin-bottom:6px}@media(max-width:768px){.terms-container{padding:16px}.terms-content-wrapper{padding:24px}.terms-content-wrapper h1{font-size:28px}.terms-content-wrapper h2{font-size:18px}.terms-content-wrapper h3{font-size:15px}.terms-content-wrapper p,.terms-content-wrapper ul{font-size:13px}}@media(max-width:480px){.terms-container{padding:12px}.terms-content-wrapper{padding:20px}.terms-content-wrapper h1{font-size:24px}.terms-content-wrapper h2{font-size:16px}.terms-content-wrapper h3{font-size:14px}.terms-content-wrapper p,.terms-content-wrapper ul{font-size:12px}}@media(prefers-color-scheme:dark){.terms-container{background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%)}.terms-content-wrapper{background:var(--surface);box-shadow:0 20px 40px rgba(0,0,0,.3)}.terms-content-wrapper h1,.terms-content-wrapper h2,.terms-content-wrapper h3,.terms-content-wrapper p,.terms-content-wrapper ul{color:var(--text)}.contact-info{background:var(--background)}}.privacy-content{--background: var(--background)}.privacy-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%)}.privacy-content-wrapper{background:var(--surface);border-radius:16px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.1);width:100%;max-width:800px;margin:0 auto;max-height:90vh;overflow-y:auto}.privacy-content-wrapper h1{color:var(--text);font-size:32px;font-weight:700;margin:0 0 8px;text-align:center;line-height:1.2}.last-updated{color:var(--text-light);font-size:14px;text-align:center;margin:0 0 32px;font-style:italic}.privacy-content-wrapper section{margin-bottom:32px}.privacy-content-wrapper h2{color:var(--text);font-size:20px;font-weight:600;margin:0 0 12px;line-height:1.3;border-bottom:2px solid var(--ion-color-primary);padding-bottom:8px}.privacy-content-wrapper h3{color:var(--text);font-size:16px;font-weight:600;margin:16px 0 8px;line-height:1.3}.privacy-content-wrapper p{color:var(--text);font-size:14px;line-height:1.6;margin:0 0 12px}.privacy-content-wrapper ul{color:var(--text);font-size:14px;line-height:1.6;margin:0 0 12px;padding-left:20px}.privacy-content-wrapper li{margin-bottom:6px}.contact-info{background:var(--background);border-radius:8px;padding:16px;margin:16px 0;border-left:4px solid var(--ion-color-primary)}.contact-info p{margin:4px 0;font-size:14px}.contact-info strong{color:var(--ion-color-primary);font-weight:600}.back-button-header{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);margin-left:8px}@media(max-width:768px){.privacy-container{padding:16px}.privacy-content-wrapper{padding:24px}.privacy-content-wrapper h1{font-size:28px}.privacy-content-wrapper h2{font-size:18px}.privacy-content-wrapper h3{font-size:15px}.privacy-content-wrapper p,.privacy-content-wrapper ul{font-size:13px}}@media(max-width:480px){.privacy-container{padding:12px}.privacy-content-wrapper{padding:20px}.privacy-content-wrapper h1{font-size:24px}.privacy-content-wrapper h2{font-size:16px}.privacy-content-wrapper h3{font-size:14px}.privacy-content-wrapper p,.privacy-content-wrapper ul{font-size:12px}}@media(prefers-color-scheme:dark){.privacy-container{background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%)}.privacy-content-wrapper{background:var(--surface);box-shadow:0 20px 40px rgba(0,0,0,.3)}.privacy-content-wrapper h1,.privacy-content-wrapper h2,.privacy-content-wrapper h3,.privacy-content-wrapper p,.privacy-content-wrapper ul{color:var(--text)}.contact-info{background:var(--background)}}.complete-profile-page{--background: transparent;position:fixed;top:0;right:0;bottom:0;left:0}.complete-profile-content{--background: transparent;position:relative;width:100%;height:100%}.brand-section-full{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,var(--ion-color-primary) 0%,var(--ion-color-secondary) 100%);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1;overflow:hidden}.brand-section-full:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="rgba(255,255,255,0.15)"/></pattern></defs><rect width="100%25" height="100%25" fill="url(%23dots)"/></svg>');opacity:.35;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(180deg)}}.form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,4vw,40px);overflow-y:auto}@media(min-height:600px){.form-overlay{align-items:center}}.profile-form-container{width:100%;max-width:600px;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:clamp(20px,5vw,36px);box-shadow:0 24px 48px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.25);animation:slideInUp .5s ease-out;margin:0 auto}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.prefilled-info{display:flex;align-items:center;gap:8px;background:rgba(var(--ion-color-primary-rgb),.08);padding:12px 14px;border-radius:var(--radius-md);margin-bottom:20px;font-size:clamp(12px,3vw,14px);color:var(--ion-color-primary);border:1px solid rgba(var(--ion-color-primary-rgb),.18)}.prefilled-info ion-icon{color:var(--ion-color-success);font-size:16px;flex-shrink:0}.profile-form{display:flex;flex-direction:column;gap:18px}@media(min-width:500px){.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.profile-form .form-field:has(.country-selector),.profile-form .button-field{grid-column:1 / -1}}.form-field{display:flex;flex-direction:column;gap:6px}.button-field{display:flex;flex-direction:column;gap:8px;margin-top:4px}.info-section{text-align:center;padding:40px 16px;color:var(--ion-color-medium)}.info-section ion-icon{font-size:48px;color:var(--ion-color-primary);margin-bottom:14px}.info-section h3{margin:0 0 8px;font-size:clamp(16px,4vw,20px);font-weight:700;color:var(--ion-color-dark)}.info-section p{margin:0;font-size:clamp(13px,3.5vw,15px);line-height:1.5}@media(prefers-color-scheme:dark){.profile-form-container{background:rgba(20,20,24,.92);border-color:rgba(255,255,255,.1)}.prefilled-info{background:rgba(var(--ion-color-primary-rgb),.18);border-color:rgba(var(--ion-color-primary-rgb),.25)}}.landing *{box-sizing:border-box;margin:0;padding:0}.landing{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1e293b;background:#fff;min-height:100vh;overflow-x:hidden}.landing-section-inner{max-width:1100px;margin:0 auto;padding:0 24px}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-weight:600;font-size:15px;cursor:pointer;padding:12px 24px;transition:all .15s ease;border:2px solid transparent;text-decoration:none}.btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-outline{background:transparent;color:#3b82f6;border-color:#3b82f6}.btn-outline:hover{background:rgba(59,130,246,.06)}.btn-large{padding:14px 32px;font-size:16px;border-radius:14px;width:100%}.section-heading{font-size:clamp(24px,5vw,36px);font-weight:700;color:#1e293b;text-align:center;margin-bottom:12px;line-height:1.2}.section-sub{font-size:17px;color:#64748b;text-align:center;max-width:600px;margin:0 auto 48px;line-height:1.6}.landing-nav{background:rgba(255,255,255,.95);border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo-img{height:36px;width:auto;display:block}.landing-logo-img-footer{filter:brightness(0) invert(1);height:32px}.landing-nav-actions{display:flex;gap:12px;align-items:center}.landing-nav-actions .btn-outline,.landing-nav-actions .btn-primary{padding:10px 20px;font-size:14px;width:auto}.landing-hero{background:linear-gradient(160deg,#f8faff,#f3f0ff,#f0f9ff);padding:80px 0 72px;text-align:center}.hero-badge{display:inline-block;background:rgba(59,130,246,.1);color:#3b82f6;font-size:13px;font-weight:600;padding:6px 16px;border-radius:100px;margin-bottom:24px;border:1px solid rgba(59,130,246,.2)}.hero-heading{font-size:clamp(32px,7vw,60px);font-weight:800;line-height:1.1;color:#1e293b;margin-bottom:20px;letter-spacing:-1px}.hero-accent{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(16px,2.5vw,19px);color:#64748b;max-width:600px;margin:0 auto 36px;line-height:1.6}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.hero-actions .btn-primary,.hero-actions .btn-outline{width:auto;min-width:160px}.store-badges{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.store-badge{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:12px;background:#1e293b;color:#fff;text-decoration:none;border:1px solid #334155;transition:background .15s ease,transform .15s ease;min-width:160px}.store-badge:hover{background:#0f172a;transform:translateY(-1px)}.store-badge-dark{background:#1e293b}.store-badge-icon{width:28px;height:28px;flex-shrink:0}.store-badge-text{display:flex;flex-direction:column}.store-badge-sub{font-size:10px;opacity:.7;line-height:1.2}.store-badge-name{font-size:16px;font-weight:700;line-height:1.2}.store-badges-center{justify-content:center;margin-top:32px}.landing-features{padding:80px 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{background:#f8fafc;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:28px;transition:box-shadow .15s ease,transform .15s ease}.feature-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.feature-card h3{font-size:18px;font-weight:700;color:#1e293b;margin:16px 0 8px}.feature-card p{font-size:15px;color:#64748b;line-height:1.6}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:24px;height:24px}.feature-icon-blue{background:rgba(59,130,246,.12);color:#3b82f6}.feature-icon-purple{background:rgba(139,92,246,.12);color:#8b5cf6}.feature-icon-green{background:rgba(16,185,129,.12);color:#10b981}.feature-icon-amber{background:rgba(245,158,11,.12);color:#f59e0b}.feature-icon-pink{background:rgba(236,72,153,.12);color:#ec4899}.landing-how{padding:80px 0;background:linear-gradient(180deg,#f8faff,#fff)}.how-steps{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;justify-content:center}.how-step{flex:1;min-width:220px;max-width:300px;text-align:center;padding:24px}.how-step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.how-step h3{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.how-step p{font-size:15px;color:#64748b;line-height:1.6}.how-arrow{font-size:28px;color:#cbd5e1;align-self:center;padding-top:0;flex-shrink:0}@media(max-width:640px){.how-arrow{display:none}}.landing-levels{padding:80px 0;background:#fff}.levels-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.level-pill{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid rgba(0,0,0,.08);border-radius:100px;padding:10px 20px;transition:box-shadow .15s ease}.level-pill:hover{box-shadow:0 2px 12px rgba(59,130,246,.15)}.level-pill-emoji{font-size:22px}.level-pill-info{display:flex;flex-direction:column}.level-pill-name{font-size:14px;font-weight:700;color:#1e293b;line-height:1.2}.level-pill-wins{font-size:11px;color:#64748b}.levels-note{text-align:center;color:#94a3b8;font-size:14px;margin-top:8px}.landing-pricing{padding:80px 0;background:linear-gradient(180deg,#f8faff,#f3f0ff)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.pricing-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:32px;position:relative}.pricing-card-featured{border-color:#3b82f6;box-shadow:0 4px 32px rgba(59,130,246,.15)}.pricing-popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:12px;font-weight:700;padding:4px 16px;border-radius:100px;white-space:nowrap}.pricing-card h3{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:12px}.pricing-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:24px}.pricing-price{font-size:28px;font-weight:800;color:#1e293b}.pricing-period{font-size:14px;color:#64748b}.pricing-features{list-style:none;margin-bottom:28px}.pricing-features li{font-size:15px;color:#475569;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:8px}.pricing-features li:before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0}.pricing-coming-soon{text-align:center;font-size:13px;color:#94a3b8;background:#f8fafc;border-radius:10px;padding:12px;margin-top:8px}.pricing-card .btn-primary,.pricing-card .btn-outline{margin-top:8px}.pricing-toggle-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:36px}.pricing-toggle{display:inline-flex;background:#f1f5f9;border-radius:100px;padding:4px;gap:4px}.pricing-toggle-btn{padding:8px 22px;border-radius:100px;border:none;background:transparent;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease}.pricing-toggle-btn.active{background:#fff;color:#1e293b;box-shadow:0 1px 6px rgba(0,0,0,.12)}.pricing-save-badge{display:inline-block;background:rgba(16,185,129,.12);color:#059669;font-size:12px;font-weight:700;padding:3px 12px;border-radius:100px;border:1px solid rgba(16,185,129,.2)}.pricing-annual-note{font-size:13px;color:#64748b;text-align:center}.pricing-billed-note{font-size:12px;color:#94a3b8;margin-top:2px;min-height:16px}.pricing-table-wrap{overflow-x:auto;margin-top:48px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fff}.pricing-table{width:100%;border-collapse:collapse;font-size:14px}.pricing-table thead th{padding:16px 20px;text-align:center;font-weight:700;color:#1e293b;border-bottom:1px solid rgba(0,0,0,.07);background:#f8fafc}.pricing-table-feature-col{text-align:left!important;width:40%;color:#64748b!important;font-weight:600!important}.pricing-table-tier-col{width:20%}.pricing-table-tier-col--pro{color:#3b82f6!important}.pricing-table-row td{padding:13px 20px;text-align:center;border-bottom:1px solid rgba(0,0,0,.05);vertical-align:middle}.pricing-table-row:last-child td{border-bottom:none}.pricing-table-row:hover td{background:#f8fafc}.pricing-table-label{text-align:left!important;color:#475569;font-weight:500}.pricing-table-val{color:#64748b;font-size:13px}.pricing-table-val--pro{color:#3b82f6;font-weight:600}.val-yes{color:#10b981;font-size:18px;line-height:1}.val-no{color:#cbd5e1;font-size:18px;line-height:1}.val-limit{font-size:12px;color:#94a3b8;display:block;margin-top:2px}.landing-download{padding:80px 0;background:#fff;text-align:center}.landing-footer{background:#1e293b;padding:40px 0;color:#94a3b8}.landing-footer-inner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.footer-links a{color:#94a3b8;text-decoration:none;font-size:14px;transition:color .15s ease}.footer-links a:hover{color:#f1f5f9}.footer-copy{font-size:13px;color:#64748b}@media(max-width:768px){.landing-hero{padding:56px 0 48px}.landing-features,.landing-how,.landing-levels,.landing-pricing,.landing-download{padding:56px 0}.features-grid,.pricing-grid{grid-template-columns:1fr}.hero-actions .btn-primary,.hero-actions .btn-outline{min-width:140px}}.cr-lobby{display:flex;flex-direction:column;gap:12px}.cr-lobby-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid var(--border)!important;border-top:4px solid var(--ion-color-primary)!important;gap:0}.cr-lobby-icon-wrap{width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--ion-color-primary) 10%,transparent);border:2px solid color-mix(in srgb,var(--ion-color-primary) 25%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cr-lobby-icon{font-size:34px;color:var(--ion-color-primary)}.cr-lobby-title{font-size:clamp(20px,5vw,24px);font-weight:700;color:var(--text);margin:0 0 10px}.cr-lobby-desc{font-size:clamp(13px,3.5vw,15px);color:var(--text-light);line-height:1.55;margin:0 0 20px;max-width:340px}.cr-lobby-features{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;text-align:left}.cr-lobby-feature{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:color-mix(in srgb,var(--ion-color-primary) 5%,var(--background));border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--ion-color-primary) 15%,transparent);font-size:clamp(12px,3vw,13px);color:var(--text-light);line-height:1.4}.cr-lobby-feat-icon{font-size:16px;color:var(--ion-color-primary);flex-shrink:0;margin-top:1px}.cr-enter-btn{width:100%;--border-radius: var(--btn-radius);height:var(--btn-height);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight)}.cr-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0;color:var(--text-light);font-size:14px}.cr-room{border-radius:16px;border:2px solid color-mix(in srgb,var(--ion-color-primary) 30%,var(--border));overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.04)}.cr-board{background:#1e3d20;padding:16px 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:3px solid #152d17;position:relative}.cr-board:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 20%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.12) 80%,transparent 100%)}.cr-board-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.cr-live-dot{width:8px;height:8px;border-radius:50%;background:#6fcf5a;box-shadow:0 0 rgba(111,207,90,.6);animation:cr-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes cr-pulse{0%{box-shadow:0 0 rgba(111,207,90,.6)}60%{box-shadow:0 0 0 5px rgba(111,207,90,0)}to{box-shadow:0 0 rgba(111,207,90,0)}}.cr-board-title{font-size:14px;font-weight:700;color:#e8f5e2;letter-spacing:.2px;white-space:nowrap}.cr-board-count{font-size:12px;color:rgba(232,245,226,.55);white-space:nowrap}.cr-leave-btn{--color: #ff8a80 !important;--color-hover: #ff5252 !important;font-size:13px!important;flex-shrink:0}.cr-room-body{background:color-mix(in srgb,var(--background) 96%,var(--ion-color-primary) 4%);padding:14px;display:flex;flex-direction:column;gap:16px;box-shadow:inset 0 4px 12px rgba(0,0,0,.06)}.cr-section{display:flex;flex-direction:column;gap:7px}.cr-section-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;padding:0 4px}.cr-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cr-dot--available{background:var(--ion-color-success)}.cr-dot--busy{background:var(--ion-color-warning)}.cr-member-row{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 0;background:var(--surface, var(--background));border-radius:10px;border:1px solid var(--border);border-left:3px solid var(--ion-color-success);transition:opacity .25s ease}.cr-member-row--busy{border-left-color:var(--ion-color-warning);opacity:.6}.cr-rank{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cr-rank-num{font-size:11px;font-weight:600;color:var(--text-light)}.cr-marshal-icon{font-size:15px;color:#f5c518;filter:drop-shadow(0 0 3px rgba(245,197,24,.5))}.cr-member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cr-member-top{display:flex;align-items:center;gap:6px}.cr-username{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-marshal-badge{font-size:10px;font-weight:700;color:#f5c518;background:color-mix(in srgb,#f5c518 14%,transparent);border:1px solid color-mix(in srgb,#f5c518 35%,transparent);padding:1px 6px;border-radius:10px;white-space:nowrap;flex-shrink:0}.cr-member-meta{display:flex;align-items:center;gap:8px}.cr-level{font-size:11px;font-weight:500;color:var(--ion-color-primary);text-transform:capitalize}.cr-wins{font-size:11px;color:var(--text-light)}.cr-you-badge{font-size:11px;font-weight:600;color:var(--ion-color-primary);background:color-mix(in srgb,var(--ion-color-primary) 12%,transparent);padding:3px 9px;border-radius:20px;flex-shrink:0;margin-right:4px}.cr-in-quiz-badge{font-size:11px;font-weight:600;color:var(--ion-color-warning);background:color-mix(in srgb,var(--ion-color-warning) 12%,transparent);padding:3px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0;margin-right:4px}@media(prefers-color-scheme:dark){.cr-board{background:#172d19;border-bottom-color:#0f1f11}.cr-room{border-color:color-mix(in srgb,var(--ion-color-primary) 22%,var(--border));box-shadow:0 6px 28px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.03)}.cr-room-body{background:color-mix(in srgb,var(--background) 94%,var(--ion-color-primary) 6%);box-shadow:inset 0 4px 16px rgba(0,0,0,.2)}.cr-member-row{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.challenge-page-container{max-width:var(--page-max-width);margin:0 auto;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 72px);display:flex;flex-direction:column;gap:14px}.challenge-page-header{text-align:center;padding:4px 0 8px}.challenge-page-header h1{font-size:clamp(20px,5vw,26px);font-weight:700;color:var(--text);margin:0 0 6px;letter-spacing:-.2px}.challenge-page-header p{font-size:clamp(13px,3.5vw,15px);color:var(--text-light);margin:0}.cp-section-title{font-size:clamp(15px,4vw,17px);font-weight:700;color:var(--text);margin:0 0 4px}.cp-section-sub{font-size:clamp(12px,3vw,13px);color:var(--text-light);margin:0 0 12px}.cp-searchbar{--background: var(--background);--color: var(--text);--placeholder-color: var(--text-light);--border-radius: var(--radius-md);--box-shadow: none;padding:0;margin-bottom:4px}.cp-search-loading{display:flex;justify-content:center;padding:10px 0}.cp-search-results{display:flex;flex-direction:column;gap:6px;margin-top:8px}.cp-search-item{background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.cp-search-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.cp-search-name{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--text)}.cp-pending-chip{font-size:12px;font-weight:600;color:var(--ion-color-medium);background:color-mix(in srgb,var(--ion-color-medium) 12%,transparent);padding:4px 10px;border-radius:20px;white-space:nowrap}.cp-note-form{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border)}.cp-note-textarea{--background: var(--surface, var(--background));--color: var(--text);--placeholder-color: var(--text-light);--border-radius: var(--radius-sm, 8px);--padding-start: 10px;--padding-end: 10px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-sm, 8px);margin-top:8px}.cp-requests-list{display:flex;flex-direction:column;gap:8px}.cp-request-card{background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border);padding:12px}.cp-request-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.cp-request-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.cp-request-note{font-size:clamp(11px,2.8vw,13px);color:var(--text-light);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-request-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.cp-limit-note{font-size:12px;color:var(--ion-color-warning);margin:6px 0 0}.cp-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cp-count-badge{background:var(--ion-color-primary);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}.cp-count-badge--notify{background:var(--ion-color-danger)}.cp-list-loading{display:flex;justify-content:center;padding:20px 0}.cp-empty{text-align:center;font-size:clamp(13px,3.5vw,14px);color:var(--text-light);padding:16px 0;margin:0}.cp-challengers-list{display:flex;flex-direction:column;gap:8px}.cp-challenger-row{display:flex;align-items:center;gap:10px;padding:12px;background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border)}.cp-presence-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:background .3s ease}.cp-challenger-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.cp-challenger-name{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-presence-label{font-size:clamp(11px,2.5vw,12px);font-weight:500;transition:color .3s ease}.cp-challenger-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.cp-pending-banner{border:1.5px solid var(--ion-color-warning)!important;background:color-mix(in srgb,var(--ion-color-warning) 10%,transparent)!important}.cp-pending-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.cp-pending-label{display:block;font-size:clamp(13px,3.5vw,14px);font-weight:700;color:var(--ion-color-warning);margin-bottom:2px}.cp-pending-sub{font-size:clamp(12px,3vw,13px);color:var(--text-light);margin:0}@media(min-width:600px){.challenge-page-container{padding:20px 24px calc(env(safe-area-inset-bottom,0px) + 80px);gap:16px}}@media(min-width:1024px){.challenge-page-container{padding:28px 32px calc(env(safe-area-inset-bottom,0px) + 32px);gap:18px}}@media(prefers-color-scheme:dark){.cp-challenger-row,.cp-search-item,.cp-request-card{background:var(--surface)}}.cp-tabs-card{margin-bottom:0}.cp-segment{--background: transparent}.cp-segment ion-segment-button{--color: var(--text-light);--color-checked: var(--ion-color-primary);--indicator-color: var(--ion-color-primary);font-size:13px;font-weight:600;min-height:44px}.cp-status-card{margin-bottom:0}.cp-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cp-status-info{display:flex;align-items:center;gap:10px}.cp-status-label{font-weight:600;font-size:14px;color:var(--text-primary);display:block}.cp-status-sub{font-size:12px;color:var(--text-light);margin:2px 0 0}.topic-page-container{max-width:700px;margin:0 auto;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 80px);display:flex;flex-direction:column;gap:14px}.ctp-opponent-banner{background:linear-gradient(135deg,var(--ion-color-primary),var(--ion-color-secondary))!important}.ctp-back-btn{--color: rgba(255,255,255,.8);--padding-start: 0;margin-bottom:8px}.ctp-opponent-info{display:flex;align-items:center;gap:14px}.ctp-flash{font-size:32px;color:#fff;flex-shrink:0}.ctp-challenging-label{display:block;font-size:clamp(12px,3vw,13px);color:rgba(255,255,255,.75);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ctp-opponent-name{margin:2px 0 0;font-size:clamp(20px,5vw,24px);font-weight:700;color:#fff}.ctp-section-title{font-size:clamp(15px,4vw,17px);font-weight:700;color:var(--text);margin:0 0 14px;display:flex;align-items:center;gap:10px}.ctp-topic-pill{font-size:12px;font-weight:600;background:var(--ion-color-primary);color:#fff;padding:2px 10px;border-radius:20px;text-transform:none;letter-spacing:0}.ctp-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.ctp-topic-btn{padding:12px 8px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text);font-size:clamp(13px,3.5vw,14px);font-weight:600;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.ctp-topic-btn:hover{border-color:var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.05)}.ctp-topic-btn.active{border-color:var(--ion-color-primary);border-width:2px;background:rgba(var(--ion-color-primary-rgb),.1);color:var(--ion-color-primary)}.ctp-subtopic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.ctp-subtopic-btn{padding:12px 8px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text);font-size:clamp(12px,3vw,13px);font-weight:500;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.ctp-subtopic-btn:hover{border-color:var(--ion-color-secondary);background:rgba(var(--ion-color-secondary-rgb),.05)}.ctp-subtopic-btn.active{border-color:var(--ion-color-secondary);border-width:2px;background:rgba(var(--ion-color-secondary-rgb),.1);color:var(--ion-color-secondary)}.ctp-send-btn{--background: linear-gradient(135deg, var(--ion-color-primary), var(--ion-color-secondary));--color: #fff;--border-radius: var(--btn-radius);--box-shadow: 0 4px 16px rgba(var(--ion-color-primary-rgb), .4);height:54px;font-size:clamp(14px,3.5vw,16px);font-weight:700}@media(min-width:1024px){.topic-page-container{padding:28px 32px calc(env(safe-area-inset-bottom,0px) + 32px);gap:18px}.ctp-topic-grid{grid-template-columns:repeat(3,1fr)}.ctp-subtopic-grid{grid-template-columns:repeat(4,1fr)}}.waiting-page-container{max-width:480px;margin:0 auto;padding:20px 16px calc(env(safe-area-inset-bottom,0px) + 40px);display:flex;flex-direction:column;justify-content:center;min-height:70vh}.cwp-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.cwp-icon-wrap{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--ion-color-primary),var(--ion-color-secondary));display:flex;align-items:center;justify-content:center;margin-bottom:8px}.cwp-flash-icon{font-size:36px;color:#fff}@keyframes cwp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cwp-bounce{animation:cwp-bounce 1.4s ease-in-out infinite}@keyframes cwp-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}}.cwp-pulse{animation:cwp-pulse 1s ease-in-out infinite}.cwp-title{font-size:clamp(18px,5vw,22px);font-weight:700;color:var(--text);margin:0;line-height:1.3}.cwp-subtitle{font-size:clamp(13px,3.5vw,15px);color:var(--text-light);margin:0;line-height:1.5}.cwp-countdown-wrap{position:relative;width:80px;height:80px;margin:8px 0}.cwp-ring-svg{width:100%;height:100%}.cwp-ring-track{fill:none;stroke:var(--border);stroke-width:5}.cwp-ring-progress{fill:none;stroke:var(--ion-color-primary);stroke-width:5;stroke-linecap:round;transition:stroke-dasharray 1s linear}.cwp-countdown-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--text)}.cwp-cancel-btn{width:100%;margin-top:4px}.cwp-back-btn{--background: var(--ion-color-primary);--color: #fff;--border-radius: var(--btn-radius);width:100%;height:var(--btn-height);font-weight:700;margin-top:4px}.crm-modal{--width: min(360px, 92vw);--height: auto;--border-radius: var(--radius-xl);--box-shadow: 0 24px 48px rgba(0, 0, 0, .25)}.crm-container{padding:20px 16px 24px;display:flex;flex-direction:column;gap:12px;background:var(--surface, #fff);border-radius:var(--radius-xl);max-height:80vh;overflow-y:auto}.crm-header-title{font-size:clamp(16px,4vw,18px);font-weight:700;color:var(--text);margin:0;text-align:center}.crm-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--background);border-radius:var(--radius-lg);border:1.5px solid var(--border);text-align:center}.crm-icon-wrap{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--ion-color-primary),var(--ion-color-secondary));display:flex;align-items:center;justify-content:center;animation:crm-pulse 1.2s ease-in-out infinite}@keyframes crm-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.crm-flash-icon{font-size:26px;color:#fff}.crm-challenger-name{font-size:clamp(14px,3.5vw,16px);font-weight:600;color:var(--text);margin:0;line-height:1.3}.crm-challenger-name span{color:var(--ion-color-primary)}.crm-topic-line{font-size:clamp(12px,3vw,13px);color:var(--text-light);margin:0}.crm-countdown{font-size:clamp(24px,6vw,30px);font-weight:800;line-height:1;transition:color .5s ease}.crm-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.crm-accept-btn{--background: linear-gradient(135deg, var(--ion-color-primary), var(--ion-color-secondary));--color: #fff;--border-radius: var(--btn-radius);--box-shadow: 0 4px 12px rgba(var(--ion-color-primary-rgb), .35);height:48px;font-weight:700;font-size:clamp(14px,3.5vw,15px)}.crm-decline-btn{--border-radius: var(--btn-radius);height:44px;font-weight:600;font-size:clamp(13px,3.5vw,14px)}@media(prefers-color-scheme:dark){.crm-container{background:var(--surface)}.crm-card{background:rgba(255,255,255,.04)}}.pr-container{max-width:720px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:32px}.pr-heading-block{text-align:center}.pr-heading{font-size:26px;font-weight:800;margin:0 0 8px;color:var(--ion-text-color, #000)}.pr-subheading{font-size:15px;color:var(--ion-color-medium, #92949c);margin:0 0 20px}.pr-billing-toggle{display:inline-flex;border:1.5px solid var(--ion-color-light-shade, #d7d8da);border-radius:10px;overflow:hidden}.pr-toggle-btn{background:none;border:none;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;color:var(--ion-color-medium, #92949c);display:flex;align-items:center;gap:6px;transition:background .15s,color .15s}.pr-toggle-btn.active{background:var(--ion-color-primary, #3880ff);color:#fff}.pr-save-badge{background:var(--ion-color-success, #2dd36f);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}.pr-tier-cards{display:flex;gap:12px}.pr-tier-card{flex:1;border:1.5px solid var(--ion-color-light-shade, #d7d8da);border-radius:16px;padding:20px 14px;position:relative;display:flex;flex-direction:column;gap:12px}.pr-tier-card--featured{border-color:var(--ion-color-primary, #3880ff)}.pr-tier-card--current{border-color:var(--ion-color-success, #2dd36f)}.pr-popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--ion-color-primary, #3880ff);color:#fff;font-size:10px;font-weight:700;padding:2px 10px;border-radius:20px;white-space:nowrap}.pr-tier-header{display:flex;flex-direction:column;gap:2px}.pr-tier-name{font-size:16px;font-weight:700;color:var(--ion-text-color, #000)}.pr-tier-price{font-size:28px;font-weight:800;color:var(--ion-color-primary, #3880ff);line-height:1.1}.pr-tier-period{font-size:13px;color:var(--ion-color-medium, #92949c)}.pr-billed-note{font-size:11px;color:var(--ion-color-medium, #92949c)}.pr-tier-cta{margin-top:auto}.pr-upgrade-btn{width:100%;padding:10px 0;border-radius:8px;border:1.5px solid var(--ion-color-primary, #3880ff);background:transparent;color:var(--ion-color-primary, #3880ff);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.pr-upgrade-btn--primary{background:var(--ion-color-primary, #3880ff);color:#fff}.pr-current-label{text-align:center;font-size:12px;font-weight:600;color:var(--ion-color-success, #2dd36f);padding:6px 0}.pr-current-label--faded{color:var(--ion-color-medium, #92949c);font-weight:400;font-size:11px}.pr-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pr-table{width:100%;border-collapse:collapse;font-size:14px}.pr-th-feature{text-align:left;padding:10px 12px 10px 0;font-weight:600;color:var(--ion-color-medium, #92949c);border-bottom:1.5px solid var(--ion-color-light-shade, #d7d8da)}.pr-th-tier{text-align:center;padding:10px 8px;font-weight:700;color:var(--ion-text-color, #000);border-bottom:1.5px solid var(--ion-color-light-shade, #d7d8da)}.pr-th-tier--featured{color:var(--ion-color-primary, #3880ff)}.pr-row:not(:last-child){border-bottom:1px solid var(--ion-color-light, #f4f5f8)}.pr-td-feature{padding:12px 12px 12px 0;color:var(--ion-text-color, #000)}.pr-td-value{padding:12px 8px;text-align:center;vertical-align:middle}.pr-td-value--featured{background:rgba(56,128,255,.04)}.pr-check{color:var(--ion-color-success, #2dd36f);font-size:18px}.pr-cross{color:var(--ion-color-light-shade, #d7d8da);font-size:18px}.pr-value{font-weight:500;color:var(--ion-text-color, #000);font-size:13px}.pr-note{text-align:center;font-size:12px;color:var(--ion-color-medium, #92949c);margin:0;line-height:1.6}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width:768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media(prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}@media(prefers-color-scheme:dark){:root{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #46b1ff;--ion-color-secondary-rgb: 70, 177, 255;--ion-color-secondary-contrast: #000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #3e9ce0;--ion-color-secondary-tint: #59b9ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f24c58;--ion-color-danger-rgb: 242, 76, 88;--ion-color-danger-contrast: #000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d5434d;--ion-color-danger-tint: #f35e69;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #fff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9}:root.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-card-background: #1c1c1d}:root.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}:root.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}}:root{--ion-color-primary: #3b82f6;--ion-color-primary-rgb: 59, 130, 246;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #2563eb;--ion-color-primary-tint: #60a5fa;--ion-color-secondary: #8b5cf6;--ion-color-secondary-rgb: 139, 92, 246;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #7c3aed;--ion-color-secondary-tint: #a78bfa;--ion-color-success: #10b981;--ion-color-success-rgb: 16, 185, 129;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #059669;--ion-color-success-tint: #34d399;--ion-color-danger: #ef4444;--ion-color-danger-rgb: 239, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #dc2626;--ion-color-danger-tint: #f87171;--ion-color-warning: #f59e0b;--ion-color-warning-rgb: 245, 158, 11;--ion-color-warning-contrast: #ffffff;--ion-color-warning-contrast-rgb: 255, 255, 255;--ion-color-warning-shade: #d97706;--ion-color-warning-tint: #fbbf24;--background: #f2f3f7;--surface: #ffffff;--border: rgba(0, 0, 0, .08);--text: #1e293b;--text-light: #64748b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .05);--page-max-width: 1100px;--page-padding: 16px;--btn-height: 52px;--btn-height-sm: 40px;--btn-radius: 14px;--btn-font-size: clamp(14px, 3.5vw, 16px);--btn-font-weight: 600;--button-height: 52px;--button-height-small: 40px;--button-height-large: 56px;--button-border-radius: 14px;--button-font-size: clamp(14px, 3.5vw, 16px);--button-font-weight: 600;--button-padding: 12px;--button-primary-bg: #3b82f6;--button-primary-bg-hover: #2563eb;--button-primary-bg-active: #1d4ed8;--button-primary-color: #ffffff;--button-primary-shadow: 0 4px 16px rgba(59, 130, 246, .4);--button-secondary-bg: #ffffff;--button-secondary-bg-hover: rgba(59, 130, 246, .06);--button-secondary-color: #1e293b;--button-secondary-border: rgba(0, 0, 0, .12);--button-disabled-bg: rgba(0, 0, 0, .08);--button-disabled-color: rgba(0, 0, 0, .35)}@media(prefers-color-scheme:dark){:root{--background: #111215;--surface: #1e1f23;--border: rgba(255, 255, 255, .08);--text: #f1f5f9;--text-light: #94a3b8;--button-secondary-bg: #2a2b30;--button-secondary-bg-hover: rgba(59, 130, 246, .1);--button-secondary-color: #f1f5f9;--button-secondary-border: rgba(255, 255, 255, .12);--button-disabled-bg: rgba(255, 255, 255, .08);--button-disabled-color: rgba(255, 255, 255, .3)}}.text-primary{color:var(--ion-color-primary)}.text-secondary{color:var(--ion-color-secondary)}.text-success{color:var(--ion-color-success)}.text-danger{color:var(--ion-color-danger)}.text-dark{color:var(--text)}.text-light{color:var(--text-light)}.bg-primary{background-color:var(--ion-color-primary)}.bg-secondary{background-color:var(--ion-color-secondary)}.bg-success{background-color:var(--ion-color-success)}.bg-danger{background-color:var(--ion-color-danger)}.bg-surface{background-color:var(--surface)}.bg-background{background-color:var(--background)}.correct{color:var(--ion-color-success);background-color:rgba(var(--ion-color-success-rgb),.1)}.wrong{color:var(--ion-color-danger);background-color:rgba(var(--ion-color-danger-rgb),.1)}