@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";html{height:100%;overscroll-behavior-y:none}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a0a2e;color:#fff;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto}#root{width:100%;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}body.splash-done #root{opacity:1;visibility:visible}@media(max-width:768px){html{height:100%}body{min-height:100%;min-height:100dvh;overflow-x:hidden}#root{min-height:100%;min-height:100dvh}}.relative{position:relative}.cursor-pointer{cursor:pointer}.bg-black{background-color:#000}.transition-all{transition-property:all}.duration-150{transition-duration:.15s}.ease-in-out{transition-timing-function:ease-in-out}.pointer-events-none{pointer-events:none}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-100{opacity:1}.mix-blend-overlay{mix-blend-mode:overlay}.text-white{color:#fff}:root{--app-vw: 100vw;--app-vh: 100vh;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}html,body{width:100%!important;max-width:100vw!important;height:100%!important;min-height:100vh!important;min-height:100dvh!important;min-height:-webkit-fill-available!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overscroll-behavior:none;-webkit-overflow-scrolling:touch;position:relative!important;left:0!important;transform:none!important}@supports (-webkit-touch-callout: none){html,body{width:100vw!important;min-width:100vw!important}#root{width:100%!important;min-width:100%!important;max-width:100vw!important;margin:0!important;padding:0!important;position:relative!important;left:0!important}}button,a,[role=button],.clickable,.session-card,.session-menu-trigger,.session-menu-item,.new-appointment-fab,.modal-overlay,.cancel-button-compact,.start-button-compact,.danger-button,.ghost-button,.primary-button,.skin-carousel-dot,.skin-carousel-nav,.treatment-carousel-dot,.photo-upload-box,.upload-button,input[type=file],.menu-item,.nav-item,.card{cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;-webkit-touch-callout:none!important;user-select:none!important;-webkit-user-select:none!important}button,.cancel-button-compact,.start-button-compact,.danger-button,.ghost-button,.primary-button{min-height:44px!important;min-width:44px!important;touch-action:manipulation!important}button{-webkit-appearance:none!important;appearance:none!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}button:disabled{pointer-events:none!important}.modal-overlay button,.modal-card button,.modal-actions button,.modal-actions-compact button{position:relative;z-index:10001!important;pointer-events:auto!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.new-appointment-fab{position:relative;z-index:1000!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;isolation:isolate}.modal-overlay{touch-action:manipulation}.modal-card{touch-action:manipulation;pointer-events:auto!important}.modal-actions-compact,.modal-actions{position:relative;z-index:10002!important;pointer-events:auto!important}.glass-icon{display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .2s ease,filter .2s ease}.glass-icon:hover{filter:drop-shadow(0 4px 8px rgba(138,43,226,.3))}.stat-icon .glass-icon{width:28px;height:28px}.session-card-actions .glass-icon,button .glass-icon{width:20px;height:20px}.logout-button .glass-icon{width:24px;height:24px}.settings-section-icon.glass-icon{width:20px;height:20px;margin-right:8px}.empty-state-icon .glass-icon{width:64px;height:64px;opacity:1}.upload-placeholder-compact .glass-icon{width:24px;height:24px}.simple-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor;opacity:.9;transition:opacity .2s ease}.simple-icon:hover{opacity:1}.simple-icon.refresh-icon.spinning,.spin{animation:spin 1s linear infinite}@keyframes typingDot{0%,20%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}80%,to{opacity:.3;transform:translateY(0)}}.realtime-progress-display{animation:fadeIn .3s ease-out;overflow:visible}@media(max-width:768px){.processing-progress,.realtime-progress-display{overflow:visible!important}.realtime-progress-display{padding:1rem!important;min-height:120px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.realtime-task{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.realtime-progress-bar>div{transition:width .5s cubic-bezier(.4,0,.2,1)}.lab-window.light-window .realtime-progress-display{background:#00000008;border-color:#00000014}.lab-window.light-window .realtime-task{color:#1a1a2e}.lab-window.light-window .realtime-sources{color:#00000080}.lab-window.light-window .realtime-progress-bar{background:#00000014}.lab-window.light-window .realtime-stage{color:#0006}.new-appointment-fab .fab-icon,.new-appointment-fab .fab-pulse,button svg,button span{pointer-events:none!important}.native-onboarding,.auth-container{color:#fff!important}.native-onboarding{position:fixed;inset:0;background:#0a0612;overflow:hidden;display:flex;flex-direction:column}.lab-window.light-window .native-onboarding,.lab-window.light-window .auth-container,.lab-window.light-window .onboarding-card,.lab-window.light-window .auth-card{color:#fff!important}.lab-window.light-window .native-onboarding h1,.lab-window.light-window .native-onboarding p,.lab-window.light-window .native-onboarding span,.lab-window.light-window .onboarding-card h1,.lab-window.light-window .onboarding-card p,.lab-window.light-window .onboarding-card span,.lab-window.light-window .auth-container h1,.lab-window.light-window .auth-container p,.lab-window.light-window .auth-container span,.lab-window.light-window .auth-container label,.lab-window.light-window .auth-card h1,.lab-window.light-window .auth-card p,.lab-window.light-window .auth-card span,.lab-window.light-window .auth-card label,.lab-window.light-window .btn-primary,.lab-window.light-window .btn-secondary,.lab-window.light-window .card-actions .btn-primary,.lab-window.light-window .card-actions .btn-secondary{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.lab-window.light-window .auth-button,.lab-window.light-window .auth-tab{color:#fff!important}.onboarding-bg{position:absolute;inset:0;z-index:1}.onboarding-bg img{width:100%;height:100%;object-fit:cover}.onboarding-card.glass{position:relative;z-index:2;margin-top:auto;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:32px 32px 0 0;padding:12px 24px 24px;padding-bottom:calc(28px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.3);border-bottom:none;box-shadow:0 0 20px #ffffff40,0 0 40px #ffffff1a,0 -4px 20px #00000026,inset 0 1px 1px #ffffff26;transition:none;transform:translateY(0);will-change:auto}.onboarding-card.glass.expanded{max-height:calc(100vh - 80px);padding-bottom:calc(20px + env(safe-area-inset-bottom));transform:translateY(0);overflow-y:auto;-webkit-overflow-scrolling:touch;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.onboarding-card.glass.keyboard-open{transition:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08}.card-handle{width:40px;height:5px;background:#ffffff59;border-radius:3px;margin:0 auto 20px;transition:all .2s ease}.onboarding-card.glass.expanded .card-handle{cursor:pointer;background:#ffffff80}.onboarding-card.glass.expanded .card-handle:active{transform:scaleX(1.3)}.onboarding-card.glass h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 8px;text-align:center;letter-spacing:-.02em}.onboarding-card.glass p{font-size:.95rem;color:#fff9;margin:0 0 24px;line-height:1.45;text-align:center}.card-actions{display:flex;flex-direction:column;gap:12px}.card-actions .btn-primary,.btn-primary.card-submit{width:100%;padding:16px;background:#ffffff59;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer}.card-actions .btn-primary:active,.btn-primary.card-submit:active{background:#ffffff80}.btn-primary.card-submit:disabled{opacity:.5;cursor:not-allowed}.card-actions .btn-secondary{width:100%;padding:16px;background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;box-shadow:inset 0 1px #ffffff1a}.card-actions .btn-secondary:active{background:#ffffff2e}.card-auth-content{display:flex;flex-direction:column;animation:fadeInUp .25s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-auth-tabs{display:flex;gap:8px;margin-bottom:20px}.card-tab{flex:1;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffff80;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;appearance:none}.card-tab.active{background:#fff6;border-color:#a78bfa80;color:#fff}.card-tab:not(.active){background:#ffffff1a;color:#ffffffb3}.card-tab:active{transform:scale(.97)}.card-auth-form{display:flex;flex-direction:column;gap:18px}.card-auth-section{display:flex;flex-direction:column;gap:12px;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.08);margin-top:2px}.card-auth-section-optional .card-section-note{margin:0 0 4px;font-size:.75rem;line-height:1.35;color:#fff9;font-weight:400}.card-input{display:flex;flex-direction:column;gap:6px}.card-input label{font-size:12px;font-weight:600;color:#ffffffbf;text-transform:uppercase;letter-spacing:.04em}.card-input input,.card-input select{padding:14px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:16px;transition:all .2s ease;-webkit-appearance:none;appearance:none;width:100%;box-sizing:border-box}.card-input input[type=date]{min-height:52px;color-scheme:dark}.card-input input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.card-input input::placeholder{color:#ffffff80}.card-input input:focus,.card-input select:focus{outline:none;background:#ffffff1f;border-color:#fff9}.card-input select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.5' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.card-input select:invalid,.card-input select.placeholder{color:#fff6}.card-input select:valid:not(.placeholder){color:#fff}.card-input select option{background:#1a0a2e;color:#fff}.card-input select option:first-child{color:#ffffff80}.card-input select option[value=""]{color:#fff6;color:#fff}.card-row,.card-optional-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-row .card-input,.card-optional-row .card-input{min-width:0}.card-row .card-input select,.card-optional-row .card-input select{width:100%;text-overflow:ellipsis}.card-auth-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 14px;color:#fca5a5;font-size:13px;text-align:center}.btn-primary.card-submit{margin-top:6px}.card-legal-text{font-size:11px;color:#ffffff73;text-align:center;margin-top:14px;line-height:1.5}.card-legal-text a{color:#a78bfad9;text-decoration:none;font-weight:500}.card-disclaimer{font-size:11px;font-weight:500;color:#ffffff8c;text-align:center;margin-top:24px;padding:16px 16px 0;border-top:1px solid rgba(255,255,255,.06)}.card-business-link{display:block;text-align:center;margin-top:20px;padding-top:20px;padding-bottom:8px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;color:#ffffff80;text-decoration:none}.card-business-link span{color:#fff;font-weight:500}.native-loading-screen{position:fixed;inset:0;background:#0a0612;background-image:url(/lumina_branded_background_optimized.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.native-loading-content{display:flex;flex-direction:column;align-items:center;gap:24px}.native-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.native-loading-text{color:#fff9;font-size:16px;font-weight:500}.analysis-modules{display:flex;flex-direction:column;gap:.5rem}.analysis-modules-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:.25rem}.analysis-modules-options,.analysis-modules-readonly{display:flex;flex-wrap:wrap;gap:.75rem}.module-option{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.module-option input[type=checkbox]{width:18px;height:18px;accent-color:#ffffff;cursor:pointer}.module-pill{padding:.4rem .85rem;border-radius:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);font-size:.85rem}.logo-business-small{height:36px;max-width:180px;object-fit:contain}.lumina-bot-avatar,.lumina-chat-avatar-image{width:100%;height:100%;border-radius:999px;object-fit:cover}.settings-card-full{grid-column:1 / -1}.app{--accent-color: #ffffff}.analysis-tab.active,.new-appointment-fab{color:#fffc}.analysis-tab.active:after,.score-bar-fill,.ratio-fill,.ratio-progress-fill,.progress-bar-fill,.hair-score-bar-fill,.theme-swatch.active{background-color:#fffc!important}.lab-window-header{border-bottom-color:#fffc}.app.theme-light .score-value,.app.theme-light .stat-value,.app.theme-light .hair-score-value,.analysis-tab.active,.treatment-title,.icon-action-button:hover,a:hover{color:#fffc!important}.app:not(.theme-light) .score-value,.app:not(.theme-light) .stat-value,.app:not(.theme-light) .stat-value-text,.app:not(.theme-light) .stat-icon,.app:not(.theme-light) .stat-label,.app:not(.theme-light) .hair-score-value,.app:not(.theme-light) .analysis-card-score,.app:not(.theme-light) .analysis-card-score span,.app:not(.theme-light) .analysis-card-sub,.app:not(.theme-light) .overview-card .analysis-card-score,.app:not(.theme-light) .harmony-card .analysis-card-score,.app:not(.theme-light) .potential-card .analysis-card-score,.app:not(.theme-light) .overview-card .analysis-card-sub,.app:not(.theme-light) .harmony-card .analysis-card-sub,.app:not(.theme-light) .potential-card .analysis-card-sub,.app:not(.theme-light) .score-row-label,.app:not(.theme-light) .score-row-value{color:#fff!important}.app:not(.theme-light) .stat-label{opacity:.7}.analysis-tab.active,.stat-card:hover,.appointments-row:hover,.treatment-item:hover{border-color:#fffc!important}.lab-window-floating{box-shadow:0 0 30px #ffffff4d,0 0 60px #ffffff26,inset 0 1px #ffffff1a}.app{font-family:var(--app-font-family, "Inter", sans-serif)}.dashboard-welcome{color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 0 20px #ffffff40,0 0 40px #ffffff1a,0 4px 20px #00000026,inset 0 1px 1px #ffffff26}.dashboard-welcome .welcome-text h2,.dashboard-welcome .welcome-text h2 strong,.dashboard-welcome .welcome-subtitle{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.3)}.dashboard-welcome .new-appointment-fab{background:#fff3;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dashboard-welcome .new-appointment-fab:hover{background:#ffffff4d}.dashboard-welcome.light-welcome{color:#1a1a2e;border:1px solid rgba(0,0,0,.1)}.dashboard-welcome.light-welcome .welcome-text h2,.dashboard-welcome.light-welcome .welcome-text h2 strong,.dashboard-welcome.light-welcome .welcome-subtitle{color:#1a1a2e!important;text-shadow:none}.dashboard-welcome.light-welcome .new-appointment-fab{background:#0000001a;color:#1a1a2e}.dashboard-welcome.light-welcome .new-appointment-fab:hover{background:#00000026}.auth-container{align-items:center;justify-content:center;padding:2.5rem 1.5rem}.auth-card{width:min(520px,100%);padding:2rem 2.25rem;border-radius:18px;background:var(--window-bg-color, rgba(26, 10, 46, .65));border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0000004d,0 0 20px #ffffff1a,inset 0 1px #ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.auth-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem}.auth-tab{padding:.6rem .4rem;border-radius:10px;font-size:.85rem;text-transform:none;border:1px solid rgba(255,255,255,.1)}.auth-form label{margin-bottom:1rem}.auth-form input,.auth-form select,.auth-form textarea{border-radius:10px;padding:.65rem .75rem;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:#0000000d}.auth-helper-text{margin-top:.35rem;font-size:.75rem;opacity:.65}.card-optional-required,.auth-optional-required{margin:.5rem 0 .25rem;font-size:.85rem;font-weight:600;color:var(--content-muted, rgba(255, 255, 255, .9))}.card-optional-hint,.auth-optional-hint{margin:-.25rem 0 .5rem;font-size:.8rem;opacity:.8;color:var(--content-muted, rgba(255, 255, 255, .7))}.optional-label{font-weight:400;opacity:.8;font-size:.85em}.theme-color-picker{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.theme-color-label{font-size:.85rem;opacity:.8}.theme-color-swatches{display:flex;gap:.6rem;flex-wrap:wrap}.theme-swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 0 2px #0003;cursor:pointer}.theme-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #fff9}.color-picker-field{display:flex;flex-direction:column;gap:.5rem}.color-picker-label{font-size:.85rem;font-weight:500;opacity:.85}.color-picker-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:10px;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:transparent;transition:border-color .2s ease}.color-picker-input-wrapper:hover{border-color:#fff}.color-picker-input{width:50px;height:36px;padding:0;border:none;border-radius:8px;cursor:pointer;background:transparent}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:2px solid var(--content-border-color, rgba(0, 0, 0, .15));border-radius:8px;box-shadow:0 2px 6px #0000001a}.color-picker-input::-moz-color-swatch{border:2px solid var(--content-border-color, rgba(0, 0, 0, .15));border-radius:8px;box-shadow:0 2px 6px #0000001a}.color-picker-value{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.85rem;color:inherit;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.color-image-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.or-divider{font-size:.75rem;opacity:.5;text-transform:uppercase;letter-spacing:1px}.image-upload-mini{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:8px;border:1px dashed var(--content-border-color, rgba(255, 255, 255, .2));background:transparent;cursor:pointer;font-size:.8rem;opacity:.7;transition:all .2s ease}.image-upload-mini:hover{opacity:1;border-color:#fff;background:color-mix(in srgb,#ffffff 10%,transparent)}.image-upload-mini input[type=file]{display:none}.image-upload-mini svg{width:14px;height:14px}.image-preview-mini{position:relative;width:36px;height:36px;border-radius:8px;overflow:hidden;border:2px solid #ffffff}.image-preview-mini img{width:100%;height:100%;object-fit:cover}.image-preview-mini button{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#ef4444;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.image-preview-mini button svg{width:10px;height:10px}.lab-window.light-window .color-picker-input-wrapper{border-color:#0000001f}.lab-window.light-window .color-picker-input::-webkit-color-swatch{border-color:#00000026}.business-signup-sections{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1rem;width:100%;max-width:100%;overflow:hidden}.signup-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;overflow:hidden;max-width:100%}.signup-section-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fffc;margin-bottom:.85rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.06)}.signup-section-icon{font-size:.85rem;opacity:.8}.signup-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.5rem}.signup-section-grid:last-child{margin-bottom:0}.signup-field{display:flex;flex-direction:column;gap:.35rem}.signup-field-full{grid-column:1 / -1}.signup-field-label{font-size:.75rem;font-weight:500;opacity:.75;letter-spacing:.02em}.signup-optional{font-weight:400;opacity:.5;font-size:.65rem}.signup-field input,.signup-field select,.signup-field textarea{padding:.55rem .7rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0003;color:inherit;font-size:.85rem;transition:border-color .2s ease,background .2s ease}.signup-field input:focus,.signup-field select:focus,.signup-field textarea:focus{outline:none;border-color:#fffc;background:#0000004d}.signup-field select{cursor:pointer}.signup-field textarea{resize:vertical;min-height:60px}.signup-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.signup-module-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.75rem .5rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000026;cursor:pointer;transition:all .2s ease}.signup-module-card input[type=checkbox]{display:none}.signup-module-card:hover{background:#ffffff0d;border-color:#fff3}.signup-module-card.active{background:color-mix(in srgb,rgba(255,255,255,.8) 15%,transparent);border-color:#fffc}.module-card-icon{font-size:1.1rem;opacity:.6;transition:opacity .2s ease}.signup-module-card.active .module-card-icon{opacity:1;color:#fffc}.module-card-label{font-size:.75rem;font-weight:500;text-transform:capitalize}.signup-color-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.06)}.signup-color-label{font-size:.75rem;font-weight:500;opacity:.75;white-space:nowrap}.signup-color-options{display:flex;align-items:center;gap:.75rem}.signup-swatches{display:flex;gap:.35rem}.signup-swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.signup-swatch:hover{transform:scale(1.1)}.signup-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #fff6}.signup-color-input{width:28px;height:28px;padding:0;border:none;border-radius:6px;cursor:pointer;background:transparent}.signup-color-input::-webkit-color-swatch-wrapper{padding:0}.signup-color-input::-webkit-color-swatch{border:2px solid rgba(255,255,255,.2);border-radius:6px}.signup-colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.signup-color-field{display:flex;flex-direction:column;gap:.3rem}.signup-color-input-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.signup-color-input-row input[type=color]{width:24px;height:24px;padding:0;border:none;border-radius:5px;cursor:pointer;background:transparent}.signup-color-input-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.signup-color-input-row input[type=color]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.15);border-radius:5px}.signup-color-hex{font-family:SF Mono,Monaco,monospace;font-size:.7rem;opacity:.6;text-transform:uppercase;letter-spacing:.3px}.signup-files-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;width:100%;overflow:hidden}.signup-file-field{display:flex;flex-direction:column;gap:.3rem;min-width:0;overflow:hidden}.signup-file-label{font-size:.7rem;font-weight:500;opacity:.75}.signup-file-input{position:relative;display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;background:#0003;border-radius:8px;border:1px dashed rgba(255,255,255,.15);cursor:pointer;transition:all .2s ease;overflow:hidden;min-width:0;max-width:100%}.signup-file-input:hover{border-color:#fffc;background:#00000040}.signup-file-input input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.signup-file-button{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.3rem .5rem;background:#fffc;color:#fff;border-radius:5px;white-space:nowrap;flex-shrink:0}.signup-file-name{font-size:.7rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.lab-window.light-window .signup-section{background:#00000005;border-color:#00000014}.lab-window.light-window .signup-section-header{border-bottom-color:#0000000f}.lab-window.light-window .signup-field input,.lab-window.light-window .signup-field select,.lab-window.light-window .signup-field textarea{background:#00000008;border-color:#0000001f}.lab-window.light-window .signup-field input:focus,.lab-window.light-window .signup-field select:focus,.lab-window.light-window .signup-field textarea:focus{background:#0000000d}.lab-window.light-window .signup-module-card{background:#00000008;border-color:#0000001a}.lab-window.light-window .signup-module-card:hover{background:#0000000d}.lab-window.light-window .signup-color-input-row,.lab-window.light-window .signup-file-input{background:#00000008;border-color:#0000001f}.lab-window.light-window .signup-swatch.active{border-color:#333;box-shadow:0 0 0 2px #0003}@media(max-width:480px){.signup-section-grid,.signup-colors-grid,.signup-files-grid{grid-template-columns:1fr}.signup-modules-grid{grid-template-columns:repeat(3,1fr)}.signup-color-row{flex-direction:column;align-items:flex-start;gap:.6rem}}.settings-file-meta{display:flex;align-items:center;gap:.6rem;margin-top:.5rem;font-size:.8rem;opacity:.8}.settings-file-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.auth-button{width:100%;margin-top:.5rem;border-radius:12px;padding:.75rem 1rem;font-weight:600}:root{--bg-base: transparent;--bg-elevated: transparent;--bg-surface: transparent;--bg-card: rgba(0, 0, 0, .05);--bg-card-hover: rgba(0, 0, 0, .08);--accent-color: #c084fc;--accent-primary: #ffffff;--accent-primary-muted: color-mix(in srgb, #ffffff 15%, transparent);--accent-secondary: #f0abfc;--accent-secondary-muted: rgba(240, 171, 252, .12);--accent-success: #4ade80;--accent-success-muted: rgba(74, 222, 128, .12);--accent-warning: #fbbf24;--accent-warning-muted: rgba(251, 191, 36, .12);--accent-danger: #f87171;--accent-danger-muted: rgba(248, 113, 113, .12);--glow-color: #ffffff;--glow-soft: color-mix(in srgb, #ffffff 15%, transparent);--glow-medium: color-mix(in srgb, #ffffff 30%, transparent);--glow-strong: color-mix(in srgb, #ffffff 50%, transparent);--text-primary: #f5f3f7;--text-secondary: #a8a3b3;--text-tertiary: #7a7586;--text-muted: #5a5465;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-accent: color-mix(in srgb, #ffffff 30%, transparent);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.app{display:flex;min-height:100vh;background:transparent;color:inherit;font-family:inherit;overflow-x:hidden;position:relative}.app:before{display:none}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.main-content{flex:1;padding:1.5rem;overflow-y:auto;overflow-x:hidden;background:transparent;width:100%;max-width:100%;display:flex;align-items:stretch;justify-content:stretch;position:relative;z-index:1}.lab-window{width:calc(100% + 4rem);max-width:calc(100vw - 2rem);margin:0 -2rem;background:var(--window-bg-color, inherit);border:2px solid color-mix(in srgb,#ffffff 40%,transparent);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006,0 0 20px var(--glow-soft),0 0 40px color-mix(in srgb,#ffffff 15%,transparent);position:relative;backdrop-filter:var(--window-backdrop, blur(20px) saturate(180%));-webkit-backdrop-filter:var(--window-backdrop, blur(20px) saturate(180%));transition:border-color .3s ease,box-shadow .3s ease}.lab-window:hover{border-color:color-mix(in srgb,#ffffff 60%,transparent);background:var(--window-bg-color, inherit);box-shadow:0 8px 32px #0006,0 0 30px var(--glow-medium),0 0 60px var(--glow-soft);transform:translateY(-1px)}.lab-window-floating{position:absolute;min-width:620px;min-height:520px;overflow:hidden;box-shadow:0 20px 45px #00000073,0 0 0 1px #0000004d inset;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.lab-window-floating.dragging{transition:none!important}.terminal-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none}.terminal-drag-handle:active{cursor:grabbing}.resizer{position:absolute;z-index:5;background:transparent}.resizer-n,.resizer-s{left:12px;right:12px;height:8px}.resizer-n{top:-4px;cursor:ns-resize}.resizer-s{bottom:-4px;cursor:ns-resize}.resizer-e,.resizer-w{top:12px;bottom:12px;width:8px}.resizer-e{right:-4px;cursor:ew-resize}.resizer-w{left:-4px;cursor:ew-resize}.resizer-ne,.resizer-nw,.resizer-se,.resizer-sw{width:16px;height:16px}.resizer-ne{top:-6px;right:-6px;cursor:nesw-resize}.resizer-nw{top:-6px;left:-6px;cursor:nwse-resize}.resizer-se{bottom:-6px;right:-6px;cursor:nwse-resize}.resizer-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.terminal-chrome{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;min-height:60px;border-bottom:1px solid var(--content-border-color, rgba(0, 0, 0, .06));background:#00000008}.header-spacer{flex:1}.branding-left{display:flex;align-items:center;gap:.5rem}.branding-left{flex-shrink:0;padding-right:.75rem;border-right:none}.logo-shape-small{height:48px;width:auto;max-width:150px;object-fit:contain;filter:none}.logo-text-small{height:28px;width:auto;max-width:180px;object-fit:contain;filter:brightness(0) invert(1)}.terminal-buttons{display:flex;align-items:center;gap:.5rem}.terminal-buttons .terminal-dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 8px #0000004d}.terminal-buttons .red{background:#ff5f56}.terminal-buttons .yellow{background:#ffbd2e}.terminal-buttons .green{background:#27c93f}.terminal-tabs{display:flex;align-items:center;gap:.35rem;padding-left:.5rem;flex:1}.terminal-appointment{display:inline-flex;align-items:center;gap:.35rem;color:#ffffffb3;font-size:.8rem;letter-spacing:.3px;padding:.3rem .25rem}.terminal-appointment svg{font-size:.75rem;opacity:.7}.terminal-tab{color:var(--accent-color, #ffffff);opacity:.7;font-size:.8rem;letter-spacing:.4px;padding:.3rem .65rem;border-radius:8px 8px 0 0;cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease;background:var(--bg-card);border:1px solid var(--border-subtle);border-bottom:none;appearance:none;font-family:inherit}.terminal-tab:disabled{opacity:.4;cursor:not-allowed}.terminal-tab.active{color:var(--accent-color, #ffffff);opacity:1;background:#0000000d;border-color:var(--content-border-color, rgba(0, 0, 0, .1))}.lab-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;position:relative;z-index:2}.terminal-controls{display:flex;gap:.5rem}.terminal-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.lab-title{color:inherit;font-size:1.25rem;font-weight:600;font-family:inherit;letter-spacing:1px;text-transform:uppercase}.lab-subtitle{color:inherit;opacity:.7;font-size:.75rem;font-weight:400;font-family:inherit;letter-spacing:.5px}.terminal-spacer{flex:1}.lab-content-wrapper{flex:1;position:relative;overflow:hidden;min-height:0}.lab-window .lab-content{padding:1.5rem;overflow-y:auto;overflow-x:hidden;background-image:var(--content-bg-image, none);background-color:var(--content-bg-color, transparent);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;border:1px solid var(--content-border-color, transparent);border-radius:12px;color:inherit;font-family:inherit;position:relative;z-index:1;height:100%}.lab-window .lab-content{-ms-overflow-style:none;scrollbar-width:none}.lab-window .lab-content::-webkit-scrollbar{display:none}.form-container,.upload-container,.processing-container,.results-container{max-width:100%;margin:0;width:100%;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.form-container h2,.upload-container h2,.processing-container h2,.results-container h2{display:none}.medical-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-card)}.form-group label{font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:inherit;opacity:.7;font-family:inherit;margin-bottom:.5rem}.form-group input,.form-group textarea{background:transparent;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));color:inherit;padding:.85rem .9rem;font-size:.95rem;font-family:inherit;font-weight:400;resize:vertical;border-radius:8px;transition:border-color .15s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.radio-group{display:flex;gap:1rem}.radio-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.3px;color:inherit;opacity:.7;font-family:inherit;padding:.5rem;border-radius:6px;transition:background .15s ease}.radio-label:hover{background:var(--bg-card)}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.submit-button,.analyze-button,.new-analysis-button{background:var(--accent-primary);color:var(--bg-base);border:none;padding:.85rem 1.75rem;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s ease;font-family:inherit;margin-top:1rem;border-radius:8px;box-shadow:0 0 20px var(--accent-primary-muted)}.submit-button:hover,.analyze-button:hover,.new-analysis-button:hover{filter:brightness(1.1);box-shadow:0 0 30px var(--glow-medium)}.submit-button:disabled,.analyze-button:disabled{opacity:.4;cursor:not-allowed;filter:none}.upload-instructions{margin-bottom:2rem;color:inherit;opacity:.7;font-size:.95rem;font-weight:400;font-family:inherit;line-height:1.6}.beauty-filter-toggle{margin-bottom:2rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:inherit;opacity:.7;font-size:.9rem;font-weight:500;font-family:inherit}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.beauty-filter-toggle small{color:inherit;opacity:.5;font-size:.8rem;margin-left:2rem}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.upload-grid.single-upload{grid-template-columns:1fr;max-width:180px;margin-left:auto;margin-right:auto}.upload-grid.single-upload .upload-box{min-height:160px}.upload-item{display:flex;flex-direction:column;gap:.35rem}.upload-label{font-size:.65rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.6;text-align:center}.upload-box{position:relative;width:100%;aspect-ratio:1;cursor:pointer;overflow:hidden;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:2px dashed rgba(255,255,255,.25);box-shadow:0 0 15px #ffffff26,0 4px 20px #0000001a,inset 0 1px 1px #ffffff1a;transition:all .2s ease}.upload-box:hover{border-color:#fff6;border-style:solid;box-shadow:0 0 25px #ffffff4d,0 0 50px #ffffff1a,0 4px 20px #00000026,inset 0 1px 1px #ffffff26}.upload-box.processing{pointer-events:none;border-color:#ffffff80;border-style:solid}.bg-removal-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bg-removal-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.validation-popup{text-align:center;padding:2rem;max-width:400px}.validation-popup h3{margin:1rem 0 .5rem;font-size:1.25rem}.validation-popup p{margin:.5rem 0;color:#fffc}.validation-popup .main-issue{color:#ff6b6b;margin-top:1rem}.validation-popup .suggestion{color:#ffffffe6;font-size:.95rem;line-height:1.5}.validation-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.validation-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;font-weight:700}.validation-icon.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:popIn .3s ease-out}.validation-icon.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:shake .5s ease-out}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.validation-details{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.validation-details .detail-item{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.validation-details .detail-item.ok{background:#10b98133;color:#10b981}.validation-details .detail-item.fail{background:#ef444433;color:#ef4444}.validation-popup .primary-button{margin-top:1.5rem}.upload-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.5;font-size:.875rem;font-weight:400;font-family:inherit}.upload-loading{position:absolute;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:inherit;font-size:.85rem;letter-spacing:.3px}.loading-spinner{width:28px;height:28px;border:2px solid var(--content-border-color, rgba(0, 0, 0, .1));border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.preview-image{width:100%;height:100%;object-fit:cover}.upload-box>.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-options .file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.remove-button{background:var(--accent-danger-muted);color:var(--accent-danger);border:1px solid rgba(248,113,113,.3);padding:.5rem 1rem;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s ease;font-family:inherit;border-radius:6px}.remove-button:hover{background:#f8717133;border-color:#f8717180}.upload-actions{display:flex;justify-content:space-between;gap:1rem}.back-button{background:var(--bg-card);color:inherit;opacity:.7;border:1px solid var(--border-default);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s ease;font-family:inherit;border-radius:8px}.back-button:hover{background:#0000000d;color:inherit;border-color:#fff}.processing-container{text-align:center;padding:1rem}.processing-images{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem auto;max-width:600px;justify-content:center}.processing-images.processing-images-hair{grid-template-columns:repeat(4,1fr);max-width:750px}.processing-images.processing-images-hair-only{display:flex;justify-content:center;align-items:center}.processing-images.processing-images-hair-only .processing-image-container{max-width:240px;width:100%}.processing-image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #fff3,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26}.processing-image{width:100%;height:100%;object-fit:cover;border-radius:18px}.xray-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;background-image:linear-gradient(var(--glow-soft) 1px,transparent 1px),linear-gradient(90deg,var(--glow-soft) 1px,transparent 1px);background-size:15px 15px;opacity:.8;animation:xray-grid-pulse 2s ease-in-out infinite}@keyframes xray-grid-pulse{0%,to{opacity:.6}50%{opacity:1}}.xray-line{position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,var(--glow-medium) 30%,#ffffff 50%,var(--glow-medium) 70%,transparent 100%);box-shadow:0 0 20px color-mix(in srgb,#ffffff 60%,transparent);z-index:10;animation:xray-scan 2.5s ease-in-out infinite;will-change:transform,opacity}.xray-line:before,.xray-line:after{display:none}@keyframes xray-scan{0%{transform:translateY(-20px);opacity:0}20%{transform:translateY(0);opacity:1}80%{transform:translateY(100%);opacity:1}to{transform:translateY(120%);opacity:0}}@keyframes xray-center-pulse{0%,to{opacity:1;transform:translate(-50%) scaleY(1)}50%{opacity:.7;transform:translate(-50%) scaleY(1.3)}}.processing-text{margin:2rem 0;font-size:.95rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:inherit;opacity:.7;font-family:inherit;position:relative;display:inline-block}.dashboard-shell{display:flex;flex-direction:column;gap:1.5rem}.dashboard-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.dashboard-header h2{margin:0;font-size:1.5rem;color:var(--accent-color, #ffffff);letter-spacing:.2px;font-weight:600;background:none}.dashboard-header p{margin:.4rem 0 0;color:inherit;opacity:.7;font-size:.9rem}.dashboard-actions{display:flex;align-items:center;gap:.75rem}.dashboard-link{color:var(--accent-primary);text-decoration:none;font-weight:600;padding:.5rem .8rem;border:1px solid var(--border-accent);border-radius:8px;transition:all .15s ease}.dashboard-link:hover{background:var(--accent-primary-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.dashboard-card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:1.2rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #fff3,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26;position:relative;overflow:hidden}.dashboard-card:after{display:none}.dashboard-card h3{margin-top:0;color:inherit;font-size:.95rem;font-weight:600;letter-spacing:.2px}.dashboard-card.wide{grid-column:1 / -1}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-toggle{border:none;background:var(--bg-elevated);color:inherit;opacity:.7;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.card-toggle:hover{background:var(--bg-card-hover)}.summary-card p{color:inherit;opacity:.7;font-size:.9rem;line-height:1.6}.patient-subtitle{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;color:inherit;opacity:.5;margin-bottom:.6rem}.patient-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;margin-bottom:.9rem;color:inherit;opacity:.7}.patient-info span{display:block;font-size:.7rem;color:inherit;opacity:.5}.patient-info strong{font-size:.9rem;color:inherit}.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.score-item{display:flex;justify-content:space-between;font-size:.85rem;color:inherit;opacity:.7}.score-item strong{color:var(--accent-primary)}.score-empty{color:inherit;opacity:.5;font-size:.85rem;padding:.6rem .4rem}.treatments-card ul{margin:0;padding-left:1rem;color:inherit;opacity:.7}.protocol-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:1.5rem;margin-bottom:1rem}.protocol-section-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:inherit}.treatment-list{display:flex;flex-direction:column;gap:.6rem}.treatment-tab{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);color:inherit;cursor:pointer;font-family:inherit;transition:all .15s ease}.treatment-tab:hover{background:var(--bg-card-hover)}.treatment-tab.active{border-color:var(--accent-primary);background:var(--accent-primary-muted)}.treatment-tab-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.treatment-name{flex-shrink:0}.treatment-score-badge{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:6px;background:#4ade8026;color:var(--accent-success);border:1px solid rgba(74,222,128,.3);white-space:nowrap}.treatment-panel{padding:.75rem;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border-subtle);display:grid;gap:.75rem}.treatment-panel img{width:100%;border-radius:10px;border:1px solid var(--border-subtle)}.treatment-details p{margin:0 0 .5rem;color:inherit;opacity:.7;font-size:.85rem}.composite-card img,.annotated-card img{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.annotated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.video-card{display:flex;flex-direction:column;gap:.85rem}.dashboard-video{width:100%;max-width:420px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0000004d}.icon-action-button{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-card);color:inherit;opacity:.7;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.icon-action-button:hover{background:var(--bg-card-hover);color:inherit}.icon-action-button.danger{border-color:#fff3;color:#ffffffb3}.icon-action-button.danger:hover{background:#ffffff1a;color:#ffffffe6}.icon-action-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-action-button:not(.danger):not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.icon-action-button:not(.danger):not(:disabled):hover{background:var(--accent-primary-muted);color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.05)}.comparison-table{width:100%;border-collapse:collapse;font-size:.85rem}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-subtle);padding:.75rem .6rem;text-align:left;vertical-align:top}.comparison-table td{min-width:120px;color:inherit;opacity:.7}.comparison-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;color:inherit;opacity:.5;font-weight:500}.comparison-view{text-transform:capitalize;font-weight:600}.comparison-image{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--border-default)}.analysis-comparisons{display:flex;flex-direction:column;gap:1rem}.comparison-summary{padding:1rem}.comparison-progress{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.comparison-progress-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.comparison-progress-item .comparison-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:inherit;opacity:.5}.comparison-progress-item .comparison-score{font-size:1.5rem;font-weight:700;color:inherit}.comparison-progress-item .comparison-date{font-size:.75rem;color:inherit;opacity:.7}.comparison-arrow{font-size:1.5rem;color:inherit;opacity:.5}.comparison-diff{padding:.35rem .75rem;border-radius:6px;font-size:1rem;font-weight:700}.comparison-diff.positive{background:#4ade8026;color:#4ade80}.comparison-diff.negative{background:#fbbf2426;color:#fbbf24}.before-after-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:1.5rem;margin-bottom:1rem}.before-after-section-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:inherit}.before-after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}@media(max-width:900px){.before-after-grid{grid-template-columns:1fr;gap:1.5rem}}.before-after-item{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border-radius:12px;padding:.75rem;border:1px solid var(--border-subtle);overflow:hidden}.before-after-label{font-size:.85rem;font-weight:600;color:inherit;opacity:.7;text-transform:capitalize;text-align:center}.before-after-container{position:relative;width:100%;aspect-ratio:3/4;min-height:280px;max-height:450px;border-radius:12px;overflow:hidden!important;cursor:ew-resize;background:#f0f0f0;box-shadow:0 4px 16px #0003;-webkit-user-select:none;user-select:none;isolation:isolate}.before-after-container .after-image-wrapper,.before-after-container .before-image-wrapper{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important;background:#f0f0f0!important}.before-after-container .after-image-wrapper{z-index:1!important}.before-after-container .before-image-wrapper{z-index:2!important}.before-after-container .comparison-image{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;pointer-events:none!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;transform:none!important}.before-after-container .image-date-tag{position:absolute;bottom:10px;padding:.35rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.before-after-container .image-date-tag.before{left:10px;background:#fbbf24e6;color:#1a1a1a}.before-after-container .image-date-tag.after{right:10px;background:#4ade80e6;color:#1a1a1a}.before-after-container .visual-age-tag{position:absolute;top:10px;padding:.4rem .6rem;font-size:.75rem;font-weight:700;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:.3rem}.before-after-container .visual-age-tag.before{left:10px;background:#fbbf24f2;color:#1a1a1a}.before-after-container .visual-age-tag.after{right:10px;background:#4ade80f2;color:#1a1a1a}.before-after-container .visual-age-tag .years-diff{background:#0003;padding:.1rem .35rem;border-radius:4px;font-size:.65rem;color:#065f46}.overview-slider .visual-age-tag{font-size:.65rem;padding:.3rem .5rem}.overview-slider .visual-age-tag .years-diff{font-size:.55rem}.slider-line{position:absolute;top:0;bottom:0;width:3px;background:#fff;transform:translate(-50%);z-index:10;box-shadow:0 0 12px #00000080}.slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:linear-gradient(135deg,#fff,color-mix(in srgb,#ffffff 70%,white));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ffffff80;border:3px solid #ffffff;cursor:ew-resize}.slider-arrows{display:flex;align-items:center;gap:2px;font-size:.7rem;font-weight:700}.before-after-dates{display:flex;justify-content:space-between;font-size:.75rem;color:inherit;opacity:.5;padding:0 .25rem}.overview-slider-container{width:100%}.overview-slider{aspect-ratio:3/4;max-height:350px}.overview-slider .slider-handle{width:36px;height:36px}.overview-slider .slider-arrows{font-size:.6rem}.overview-slider .image-date-tag{font-size:.6rem;padding:.25rem .5rem}.historical-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.historical-table{border-collapse:collapse;min-width:100%}.historical-table th,.historical-table td{border-bottom:1px solid var(--border-subtle);padding:.6rem .5rem;text-align:center;vertical-align:middle}.historical-table .view-column{position:sticky;left:0;background:var(--bg-card);z-index:1;min-width:70px;text-align:left}.historical-table .view-label{position:sticky;left:0;background:var(--bg-card);z-index:1;text-transform:capitalize;font-weight:600;font-size:.8rem;color:inherit;opacity:.7}.historical-table .date-column{min-width:100px}.historical-table .date-header{display:flex;flex-direction:column;align-items:center;gap:.2rem}.historical-table .date-label{font-size:.7rem;color:inherit;opacity:.5;white-space:nowrap}.historical-table .date-score{font-size:.9rem;font-weight:600;color:var(--accent-primary)}.historical-table .image-cell{padding:.4rem}.historical-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--border-default);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.historical-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.placeholder-small{color:inherit;opacity:.5;font-size:.8rem}.comparison-metrics{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.comparison-metrics li{color:inherit;opacity:.7}.historical-graph-container{margin-bottom:1.5rem;padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid color-mix(in srgb,#ffffff 15%,transparent)}.historical-graph{width:100%;height:150px;display:flex;align-items:center;justify-content:center}.historical-graph-svg{width:100%;height:100%;max-width:100%}.comparison-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.comparison-assets img{width:100%;border-radius:10px;border:1px solid var(--border-default)}.image-expand-button{background:transparent;border:none;padding:0;cursor:pointer;position:relative;display:inline-flex}.image-expand-button img{display:block}.image-expand-icon{display:none}.treatment-image{width:100%;height:180px;object-fit:contain;background-color:#0003;border-radius:10px;border:1px solid var(--border-default)}.treatment-composite{margin-top:.8rem;padding:.8rem;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-elevated);display:grid;gap:.6rem}.treatment-composite-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;color:inherit;opacity:.5}.treatment-composite img{width:100%;border-radius:10px;border:1px solid var(--border-default)}.treatment-price-row{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border-subtle);color:inherit;opacity:.7;font-size:.85rem}.treatment-price-row strong{color:inherit;font-weight:600}.protocol-sliders-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.protocol-sliders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.protocol-slider-card{background:#ffffff08;border-radius:12px;padding:.75rem;border:1px solid var(--border-subtle)}.protocol-slider-title{font-size:.85rem;font-weight:600;color:inherit;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.protocol-slider-card .overview-slider-container{width:100%}.protocol-slider-card .overview-slider{aspect-ratio:3/4;max-height:200px;border-radius:8px}.protocol-slider-card .placeholder{padding:2rem 1rem;text-align:center;color:#fff6;font-size:.8rem}.protocol-slider-card .image-loading-skeleton{width:100%;aspect-ratio:3/4;max-height:200px;border-radius:8px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;display:flex;align-items:center;justify-content:center}.protocol-slider-card .image-loading-skeleton:after{content:"Loading...";color:#fff6;font-size:.75rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.protocol-slider-card .comparison-image,.before-after-container .comparison-image{will-change:opacity;transition:opacity .3s ease}.protocol-slider-card img[data-loaded=false],.before-after-container img[data-loaded=false]{opacity:0}.protocol-slider-card img[data-loaded=true],.before-after-container img[data-loaded=true]{opacity:1}@media(min-width:601px){.protocol-sliders-grid{grid-template-columns:repeat(3,1fr)!important;gap:.75rem}.protocol-slider-card{padding:.5rem}.protocol-slider-card .overview-slider{max-height:200px}.simple-carousel-swipe{max-width:550px}.info-icon-button{border:1px solid rgba(255,255,255,.2)!important;background:#ffffff14!important}}@media(max-width:600px){.protocol-sliders-grid{grid-template-columns:1fr}.protocol-slider-card .overview-slider{max-height:280px}.simple-carousel-swipe{max-width:320px}}.treatment-total{margin-top:.8rem;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--border-accent);background:var(--accent-primary-muted);display:flex;align-items:center;justify-content:space-between;color:inherit;font-weight:600}.medical-disclaimer{margin-top:1rem;padding:.8rem 1rem;border-radius:10px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);display:flex;align-items:flex-start;gap:.6rem;font-size:.75rem;line-height:1.5;color:#ffffffb3}.medical-disclaimer svg{color:#ffc107;width:14px;height:14px}.skincare-products-section{margin-top:1.5rem;padding:1.25rem;border-radius:16px;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 20px #ffffff14,inset 0 1px 1px #ffffff1a}.skincare-products-title{display:flex;align-items:center;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#fffffff2}.skincare-products-subtitle{font-size:.85rem;color:#fff9;margin-bottom:1rem}.skincare-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#ffffffb3}.skincare-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.skincare-error{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:10px;background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#fffc}.skincare-error .retry-button{margin-left:auto;padding:.4rem .8rem;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:.8rem;cursor:pointer;transition:all .2s ease}.skincare-error .retry-button:hover{background:#ffffff26}.skincare-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:#ffffff80;text-align:center}.skincare-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.skincare-product-card{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.skincare-product-card:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 8px 24px #0000004d}.product-image-wrapper{width:100%;height:140px;background:#ffffff08;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image-wrapper img{max-width:100%;max-height:100%;object-fit:contain}.product-info{padding:1rem;display:flex;flex-direction:column;flex:1}.product-brand{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);opacity:.9;margin-bottom:.25rem}.product-name{font-size:.95rem;font-weight:600;color:#fffffff2;margin-bottom:.5rem;line-height:1.3}.product-description{font-size:.8rem;color:#fff9;line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rationale{display:flex;align-items:flex-start;font-size:.75rem;color:#fffc;background:rgba(var(--accent-color-rgb, 99, 102, 241),.15);border-left:2px solid var(--accent-color, #6366f1);padding:.5rem .6rem;border-radius:0 6px 6px 0;margin-bottom:.5rem;line-height:1.4}.product-rationale span{flex:1}.product-concerns{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.concern-tag{font-size:.6rem;padding:.15rem .4rem;border-radius:12px;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3);text-transform:capitalize}.product-benefits{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.benefit-tag{font-size:.65rem;padding:.2rem .5rem;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.product-price{font-size:1rem;font-weight:700;color:#fffffff2}.product-rating{font-size:.8rem;color:#ffffffb3}.shop-now-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.6rem 1rem;margin-top:auto;border-radius:8px;background:var(--accent-primary);color:#000;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.shop-now-button:hover{filter:brightness(1.1);transform:scale(1.02)}@media(max-width:768px){.skincare-products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.skincare-product-card{border-radius:10px}.product-image-wrapper{height:100px}.product-info{padding:.75rem}.product-name{font-size:.85rem}.product-description{font-size:.75rem}.shop-now-button{padding:.5rem .75rem;font-size:.8rem}}@media(max-width:480px){.skincare-products-grid{grid-template-columns:1fr}.skincare-product-card{flex-direction:row}.product-image-wrapper{width:100px;height:100px;flex-shrink:0}.product-info{padding:.75rem}}.skincare-products-list{display:flex;flex-direction:column;gap:1.5rem}.skincare-product-card-detailed{background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.12);padding:1.25rem;transition:all .3s ease}.skincare-product-card-detailed:hover{border-color:#fff3;box-shadow:0 8px 32px #0003}.product-header{display:flex;gap:1rem;margin-bottom:1rem}.product-image-wrapper-detailed{width:100px;height:100px;flex-shrink:0;background:#ffffff0f;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image-wrapper-detailed img{max-width:90%;max-height:90%;object-fit:contain}.product-title-section{flex:1;display:flex;flex-direction:column;gap:.25rem}.product-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-color, rgba(255, 255, 255, .5));font-weight:600}.product-meta{display:flex;gap:.75rem;margin-top:.5rem}.product-meta .product-price{font-weight:600;color:var(--accent-color, rgba(255, 255, 255, .9))}.product-meta .product-rating{color:#ffffffb3;font-size:.85rem}.skincare-product-card-detailed .product-description{font-size:.9rem;line-height:1.5;color:#fffc;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.product-section{margin-bottom:1rem;padding:.75rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.product-section .section-title{font-size:.8rem;font-weight:600;color:var(--accent-color, rgba(255, 255, 255, .9));margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.product-section .section-text{font-size:.85rem;line-height:1.6;color:#ffffffbf;margin:0}.product-section.rationale-section{background:rgba(var(--accent-color-rgb, 255, 255, 255),.08);border-color:rgba(var(--accent-color-rgb, 255, 255, 255),.15)}.product-section .rationale-text{color:#ffffffe6;font-weight:500}.ingredients-list{display:flex;flex-wrap:wrap;gap:.5rem}.ingredient-tag{background:#ffffff14;padding:.35rem .65rem;border-radius:6px;font-size:.75rem;color:#ffffffd9;border:1px solid rgba(255,255,255,.1)}.skincare-product-card-detailed .product-concerns{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.concerns-label{font-size:.75rem;color:#fff9;font-weight:500}.shop-now-button-detailed{display:flex;align-items:center;justify-content:center;width:100%;padding:.85rem 1.25rem;background:var(--accent-color, rgba(255, 255, 255, .15));color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:.9rem;transition:all .2s ease;border:1px solid rgba(255,255,255,.2)}.shop-now-button-detailed:hover{background:var(--accent-color, rgba(255, 255, 255, .25));transform:translateY(-1px);box-shadow:0 4px 12px #0003}@media(max-width:768px){.skincare-product-card-detailed{padding:1rem}.product-header{flex-direction:column;align-items:center;text-align:center}.product-image-wrapper-detailed{width:120px;height:120px}.product-meta{justify-content:center}.product-section{padding:.6rem}.product-section .section-text{font-size:.8rem}}.lab-window.light-window .skincare-product-card-detailed{background:#00000008;border-color:#0000001a}.lab-window.light-window .skincare-product-card-detailed .product-category,.lab-window.light-window .skincare-product-card-detailed .product-brand,.lab-window.light-window .skincare-product-card-detailed .product-name,.lab-window.light-window .skincare-product-card-detailed .product-description,.lab-window.light-window .skincare-product-card-detailed .section-title,.lab-window.light-window .skincare-product-card-detailed .section-text{color:#3b4255}.lab-window.light-window .skincare-product-card-detailed .product-section{background:#00000008;border-color:#00000014}.lab-window.light-window .ingredient-tag{background:#0000000f;color:#3b4255;border-color:#0000001a}.skincare-products-grid{display:grid;grid-template-columns:1fr;gap:1rem}.product-card-glass{background:linear-gradient(135deg,#ffffff14,#ffffff08,#ffffff0f);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.15);padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.product-card-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.product-card-glass:hover{border-color:#ffffff40;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff26,0 0 0 1px #ffffff0d;transform:translateY(-2px)}.product-card-header{display:flex;gap:.75rem;margin-bottom:.75rem}.product-thumb{width:64px;height:64px;flex-shrink:0;background:#ffffff0f;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-info{flex:1;min-width:0}.product-category-badge{font-size:.6rem;text-transform:uppercase;letter-spacing:.8px;color:#ffffff80;font-weight:700}.product-brand-name{display:block;font-size:.7rem;color:var(--accent-color, #a78bfa);font-weight:600;margin-top:2px}.product-title{font-size:.95rem;font-weight:700;color:#fff;margin:4px 0;line-height:1.2}.product-meta-row{display:flex;gap:.5rem;align-items:center;margin-top:4px}.price-tag{font-size:.85rem;font-weight:700;color:#10b981}.rating-badge{font-size:.75rem;color:#ffffffb3}.product-quick-desc{font-size:.8rem;line-height:1.5;color:#ffffffb3;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ingredients-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.75rem}.ingredient-pill{background:#ffffff14;padding:4px 10px;border-radius:20px;font-size:.65rem;font-weight:600;color:#fffc;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.ingredient-pill.more{background:#ffffff0a;color:#ffffff80}.product-accordions{display:flex;flex-direction:column;gap:4px;margin-bottom:.75rem}.accordion-item{background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:all .2s ease}.accordion-item.open{background:#ffffff0f;border-color:#ffffff1f}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border:none;color:#ffffffe6;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;touch-action:manipulation}.accordion-trigger span{display:flex;align-items:center;gap:6px}.accordion-trigger:hover{background:#ffffff08}.accordion-icon{transition:transform .2s ease;opacity:.6;font-size:14px}.accordion-icon.rotated{transform:rotate(180deg)}.accordion-content{padding:0 12px 12px;animation:accordionOpen .2s ease}@keyframes accordionOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.accordion-content p{margin:0;font-size:.75rem;line-height:1.6;color:#ffffffb3}.concern-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.75rem}.concern-pill{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);padding:4px 10px;border-radius:20px;font-size:.65rem;font-weight:600;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.product-shop-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,var(--accent-color, #a78bfa) 0%,rgba(167,139,250,.8) 100%);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:.85rem;transition:all .2s ease;border:none;box-shadow:0 4px 12px #a78bfa4d;cursor:pointer;touch-action:manipulation}.product-shop-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a78bfa66}.product-shop-btn:active{transform:translateY(0)}.lab-window.light-window .product-card-glass{background:linear-gradient(135deg,#00000005,#0000000a,#00000005);border-color:#00000014;box-shadow:0 4px 24px #0000000f}.lab-window.light-window .product-card-glass:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.lab-window.light-window .product-title,.lab-window.light-window .product-quick-desc,.lab-window.light-window .accordion-trigger,.lab-window.light-window .accordion-content p{color:#1b1f2a}.lab-window.light-window .product-category-badge,.lab-window.light-window .rating-badge{color:#1b1f2a99}.lab-window.light-window .ingredient-pill{background:#0000000d;color:#1b1f2a;border-color:#0000001a}.lab-window.light-window .accordion-item{background:#00000005;border-color:#0000000f}.lab-window.light-window .accordion-item.open{background:#0000000a}@media(max-width:480px){.product-card-glass{padding:.875rem;border-radius:16px}.product-thumb{width:56px;height:56px}.product-title{font-size:.875rem}.accordion-trigger{padding:8px 10px;font-size:.7rem}.accordion-content p{font-size:.7rem}}@media(min-width:768px){.skincare-products-grid{grid-template-columns:repeat(2,1fr)}}.lab-window.light-window .shop-now-button-detailed{background:var(--accent-color, #1b1f2a);color:#fff}.total-reveal-button{border:1px solid var(--border-accent);background:var(--accent-primary-muted);color:inherit;border-radius:999px;padding:.3rem .8rem;cursor:pointer;font-size:.8rem;transition:background .15s ease}.total-reveal-button:hover{background:var(--glow-medium)}.total-reveal{color:#fff;animation:revealPulse .6s ease}@keyframes revealPulse{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.image-lightbox{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.image-lightbox-inner{position:relative;width:fit-content;height:fit-content;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 100px;box-sizing:border-box}.image-lightbox-inner.compact{padding:100px 140px}.image-lightbox-inner img{max-width:calc(100% - 160px);max-height:calc(100vh - 180px);width:auto;height:auto;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080}.image-lightbox-media{transform-origin:center center;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fffffff2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;font-size:1.8rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.image-lightbox-nav:hover{background:#ffffff40;transform:translateY(-50%) scale(1.08);border-color:#fff6}.image-lightbox-nav.prev{left:30px}.image-lightbox-nav.next{right:30px}.image-lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.image-lightbox-nav:disabled:hover{background:#ffffff1a;transform:translateY(-50%)}.image-lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.9rem;padding:.5rem 1rem;background:#00000080;border-radius:20px}.image-lightbox-controls{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:.45rem;z-index:1}.image-lightbox-close,.image-lightbox-toggle,.image-lightbox-zoom-button{border:1px solid var(--border-default);background:var(--bg-surface);color:inherit;border-radius:8px;padding:.35rem .55rem;cursor:pointer;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.image-lightbox-close:hover,.image-lightbox-toggle:hover,.image-lightbox-zoom-button:hover{background:var(--bg-card-hover)}.image-lightbox-toggle{gap:.35rem}.image-lightbox-zoom{display:inline-flex;gap:.35rem}.image-lightbox-zoom-button{min-width:44px}.modal-zoom-controls{position:fixed;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;z-index:1002;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.15)}.modal-zoom-button{border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;border-radius:8px;padding:.4rem .6rem;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;min-width:44px;min-height:36px}.modal-zoom-button:hover{background:#fff3;border-color:#ffffff4d}.modal-zoom-button svg{width:18px;height:18px}@media(max-width:768px){.modal-zoom-controls{top:.75rem;padding:.4rem .6rem;gap:.35rem}.modal-zoom-button{min-width:40px;min-height:32px;padding:.3rem .5rem;font-size:.75rem}}.download-pdf-button-alt{padding:.65rem 1.1rem;border-radius:8px;border:1px solid var(--border-accent);color:inherit;background:var(--accent-primary-muted);cursor:pointer;transition:background .15s ease}.download-pdf-button-alt:hover{background:var(--glow-medium)}.analysis-card p{color:inherit;opacity:.7;font-size:.9rem;line-height:1.6}.analysis-ui{display:flex;flex-direction:column;gap:1.5rem}.analysis-header{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.75rem;background:#ffffff08!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 20px #ffffff40,0 0 40px #ffffff1a,0 4px 20px #00000026,inset 0 1px 1px #ffffff26;position:relative;overflow:hidden}.analysis-header.hair-only-header-hidden{display:none!important}.analysis-header.light-header{color:#1a1a2e;box-shadow:0 8px 32px #00000026,0 4px 12px #0000001a}.analysis-header.light-header .score-value{color:#1a1a2e}.analysis-header.light-header .score-total{color:#1a1a2e99}.analysis-header.light-header .analysis-score-label{color:#1a1a2e}.analysis-header.light-header .analysis-score-sub{color:#1a1a2ebf}.analysis-header.light-header .info-icon-button{color:#fff;border-color:color-mix(in srgb,#ffffff 50%,transparent);background:color-mix(in srgb,#ffffff 15%,transparent)}.analysis-header.light-header .info-icon-button:hover{color:#fff;background:color-mix(in srgb,#ffffff 25%,transparent)}.analysis-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;pointer-events:none}.analysis-header.light-header:before{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.analysis-header>*{position:relative;z-index:1}.analysis-sync-warning{border:1px solid rgba(251,191,36,.2);background:#fbbf2414;color:#fbbf24e6;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.dismiss-warning-btn{background:transparent;border:none;color:#fbbf24b3;cursor:pointer;padding:2px 6px;font-size:.9rem;border-radius:4px;transition:all .2s ease}.dismiss-warning-btn:hover{background:#fbbf2426;color:#fbbf24}.sync-retry-button{border:1px solid rgba(251,191,36,.4);background:var(--accent-warning-muted);color:var(--accent-warning);padding:.5rem .9rem;border-radius:999px;font-size:.8rem;cursor:pointer;transition:background .15s ease}.sync-retry-button:hover{background:#fbbf2433}.analysis-score{display:flex;flex-direction:column;align-items:flex-start;gap:0}.analysis-score .score-value{font-size:2.75rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.analysis-score .score-total{font-size:1.1rem;opacity:.75}.analysis-score .score-main{display:flex;align-items:baseline;gap:.4rem}.analysis-score .score-diff-inline{display:block;font-size:.75rem;font-weight:600;margin-top:.15rem}.analysis-score .score-diff-inline.positive{color:#4ade80}.analysis-score .score-diff-inline.negative{color:#fbbf24}.analysis-score-meta{display:flex;flex-direction:column;gap:.25rem}.analysis-score-label{font-size:.95rem;font-weight:500}.analysis-score-sub{font-size:.8rem;opacity:.75}.analysis-actions{margin-left:auto}.analysis-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-subtle);padding-bottom:0}.analysis-tab{background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff9;padding:.6rem .9rem;font-size:.85rem;cursor:pointer;position:relative;transition:all .2s ease}.analysis-tab:hover{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff4d}.analysis-tab.active{color:#fff;opacity:1;font-weight:500;background:#ffffff26;border-color:#ffffff59;box-shadow:0 0 15px #ffffff40,inset 0 1px 1px #ffffff26}.analysis-tab.active:after{display:none}.analysis-panel{display:flex;flex-direction:column;gap:1.5rem;min-height:0}.analysis-overview,.analysis-ratios{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:stretch;min-height:0}.analysis-overview>.analysis-card.full-width,.analysis-ratios>.analysis-card.full-width{grid-column:1 / -1}.analysis-left,.analysis-right{display:flex;flex-direction:column;gap:1rem;min-height:0}.analysis-overview .analysis-left{justify-content:flex-start}.analysis-overview .analysis-left>.analysis-card:last-child{flex:1;display:flex;flex-direction:column}.analysis-overview .analysis-left>.analysis-card:last-child .overview-marketing{flex:1;display:flex;flex-direction:column}.analysis-overview .analysis-left>.analysis-card:last-child .overview-stats-column{flex:1;justify-content:space-evenly}.analysis-ratios .analysis-left{position:sticky;top:16px;align-self:start}.analysis-overview .analysis-right{display:flex;flex-direction:column;gap:1rem;min-height:0}.analysis-card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:1.1rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #fff3,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26}.analysis-card.compact{padding:1rem}.analysis-card-title{font-size:.7rem;letter-spacing:.4px;text-transform:uppercase;opacity:.8;margin-bottom:.6rem;display:flex;align-items:center;justify-content:space-between}.native-carousel-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 10px;cursor:pointer;color:#fffc;display:flex;align-items:center;justify-content:center;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.native-carousel-btn:hover{background:#ffffff26;border-color:#ffffff4d}.native-carousel-btn:active{transform:scale(.95)}.treatment-card-new{padding:1rem}.simple-carousel{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.simple-carousel-arrow{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-size:1.2rem}.simple-carousel-arrow:hover{color:#fffc}.simple-carousel-arrow:active{transform:scale(.9);color:#fff}.simple-carousel-viewport{flex:1;max-width:400px;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer}.simple-carousel-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.simple-carousel-slide img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.simple-carousel-slide:active img{transform:scale(.98)}.simple-carousel-info{text-align:center;margin-bottom:1rem}.simple-carousel-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.simple-carousel-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;font-weight:700;border-radius:20px;letter-spacing:.5px}.simple-carousel-dots{display:flex;justify-content:center;gap:6px;padding:6px 0}.simple-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.simple-dot.active{background:#ffffffe6;width:18px;border-radius:3px}.simple-dot:hover:not(.active){background:#ffffff80}.lab-window.light-window .simple-carousel-arrow{background:#0000000d;border-color:#0000001a;color:#1b1f2a}.lab-window.light-window .simple-carousel-viewport{background:#00000008;border-color:#0000001a}.lab-window.light-window .simple-carousel-title{color:#1b1f2a}.lab-window.light-window .simple-dot{background:#0003}.lab-window.light-window .simple-dot.active{background:var(--accent-color, #6366f1);box-shadow:0 0 8px #6366f166}.simple-carousel-swipe{width:100%;max-width:100%;aspect-ratio:16/9;margin:0 auto 1rem;border-radius:16px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none}.simple-carousel-swipe img{width:100%;height:100%;object-fit:contain;pointer-events:none}.simple-carousel-swipe:active{transform:scale(.98);transition:transform .1s ease}.lab-window.light-window .simple-carousel-swipe{background:#00000008;border-color:#0000001a}@media(max-width:480px){.simple-carousel-viewport,.simple-carousel-swipe{max-width:100%}.simple-carousel-arrow{width:36px;height:36px}}.analysis-card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.analysis-card-title-row .analysis-card-title{margin-bottom:0}.expand-arrow-button{background:transparent;border:none;padding:.15rem;cursor:pointer;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:1.1rem}.expand-arrow-button:hover{color:var(--accent-secondary);transform:scale(1.1)}.expand-arrow-button.horizontal{transform:rotate(0)}.expand-arrow-button.inline{font-size:.85rem;padding:0;margin-right:.4rem}.score-row-wrapper{margin-bottom:.25rem}.analysis-score-row.clickable{cursor:pointer;padding:.4rem .5rem;margin:0 -.5rem;border-radius:6px;transition:background .15s ease}.analysis-score-row.clickable:hover{background:var(--bg-card-hover)}.analysis-score-row.clickable.expanded{background:var(--accent-primary-muted)}.score-row-label{display:flex;align-items:center;color:#fff!important}.score-row-value{font-weight:600}.score-row-explanation{padding:.5rem .75rem .5rem 1.75rem;font-size:.8rem;color:inherit;opacity:.7;line-height:1.5;animation:slideDown .2s ease;border-left:2px solid var(--accent-primary-muted);margin-left:.5rem;margin-bottom:.5rem}.analysis-card-note.expandable{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);animation:slideDown .2s ease;max-height:300px;overflow-y:auto;font-size:.85rem;line-height:1.5}.markdown-content{font-size:inherit;line-height:1.6;color:inherit}.markdown-content p{margin:0 0 .5em}.markdown-content p:last-child{margin-bottom:0}.markdown-content strong{color:inherit;font-weight:600}.markdown-content ul,.markdown-content ol{margin:.5em 0;padding-left:1.25em}.markdown-content li{margin:.25em 0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:.75em 0 .5em;color:inherit;font-weight:600}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child{margin-top:0}.markdown-content code{background:var(--bg-card);padding:.15em .35em;border-radius:4px;font-size:.9em;font-family:SF Mono,Monaco,Menlo,monospace}.markdown-content blockquote{margin:.5em 0;padding-left:1em;border-left:3px solid var(--accent-primary);color:inherit;opacity:.7}.treatment-field{margin-bottom:.75rem}.treatment-field>strong{display:block;margin-bottom:.25rem;color:inherit}.treatment-field .markdown-content,.treatment-field p{margin:0;color:inherit;opacity:.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.metrics-carousel-layout,.metrics-single-image-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.structure-single-image-container{position:sticky;top:16px;display:flex;justify-content:center;align-items:center;padding:1rem;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-default);box-shadow:0 10px 30px #0003;min-height:400px;max-height:500px}.structure-face-mesh-image{width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.structure-face-mesh-image:hover{transform:scale(1.02);box-shadow:0 20px 50px var(--glow-medium)}.structure-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:300px;background:#ffffff08;border-radius:12px;color:var(--text-muted);font-size:.9rem}@media(max-width:768px){.metrics-single-image-layout{display:flex!important;flex-direction:column!important;gap:1rem!important}.structure-single-image-container{position:static!important;min-height:auto!important;max-height:320px!important;padding:.75rem!important}.structure-face-mesh-image{max-height:280px!important}}.metrics-carousel-container{perspective:1200px;position:sticky;top:16px;height:480px;display:flex;flex-direction:column;padding-top:1rem;align-items:center;align-self:start}.metrics-carousel{position:relative;width:260px;height:380px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);margin:0 auto}.carousel-card{position:absolute;width:240px;height:360px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-default);overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;box-shadow:0 10px 30px #0000004d}.carousel-card.center{transform:translate(10px) translateZ(120px) scale(1);z-index:3;border-color:var(--accent-primary);box-shadow:0 20px 50px var(--glow-medium)}.carousel-card.left{transform:translate(-70px) translateZ(-60px) rotateY(30deg) scale(.8);z-index:1;opacity:.6;filter:brightness(.65);cursor:pointer}.carousel-card.right{transform:translate(90px) translateZ(-60px) rotateY(-30deg) scale(.8);z-index:2;opacity:.6;filter:brightness(.65);cursor:pointer}.carousel-card:hover:not(.center){opacity:.8;filter:brightness(.8)}.carousel-card-label{position:absolute;top:0;left:0;right:0;padding:.5rem .75rem;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:1}.carousel-card.center .carousel-card-label{background:linear-gradient(180deg,color-mix(in srgb,#ffffff 80%,transparent) 0%,transparent 100%)}.carousel-card-image{width:100%;height:100%;object-fit:contain;padding:.5rem;border-radius:16px}.carousel-card.center{cursor:pointer}.carousel-card.center:hover .carousel-card-image{transform:scale(1.02);transition:transform .2s ease}.carousel-card.center:after{content:"";position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:color-mix(in srgb,#ffffff 80%,transparent);border-radius:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .2s ease}.carousel-card.center:hover:after{opacity:1}.carousel-card.center.showing-ratio{border-color:var(--accent-success);box-shadow:0 20px 50px #4ade804d,0 0 30px #4ade8026}.carousel-card.center.showing-ratio .carousel-card-label{background:linear-gradient(180deg,rgba(74,222,128,.8) 0%,transparent 100%)}.carousel-card.center.showing-ratio .carousel-card-image{transform:scale(1.02);transition:transform .3s ease}.carousel-card-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:inherit;opacity:.5;font-size:.8rem;text-align:center;padding:1rem}.carousel-indicators{display:flex;gap:6px;margin-top:1rem;justify-content:center;padding:0;background:transparent}.carousel-indicator{width:8px;height:8px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all .2s ease;padding:0;-webkit-tap-highlight-color:transparent}.carousel-indicator.active{background:#fff;transform:scale(1.2);box-shadow:0 0 8px #fff9}.metrics-right-panel{min-height:350px}.metrics-right-panel .analysis-card{height:100%}.compact-image{max-height:280px;overflow:hidden;border-radius:8px}.compact-image img{max-height:280px;width:auto;object-fit:contain;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.view-score-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:color-mix(in srgb,#ffffff 15%,transparent);border:1px solid color-mix(in srgb,#ffffff 30%,transparent)}.analysis-score-table{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;opacity:.7}.analysis-score-row{display:flex;justify-content:space-between;gap:.75rem}.analysis-score-header{color:inherit;opacity:.5;text-transform:uppercase;letter-spacing:.4px;font-size:.7rem}.ailab-ratio-table{display:flex;flex-direction:column;gap:.6rem}.ailab-ratio-row{display:grid;grid-template-columns:1fr 2fr 100px;gap:1rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .15s ease;border-radius:4px}.ailab-ratio-row:hover{background:var(--bg-card-hover)}.ailab-ratio-row.header{text-transform:uppercase;font-size:.65rem;color:inherit;opacity:.5;letter-spacing:.4px;border-bottom:1px solid var(--border-default);padding-bottom:.4rem}.ailab-ratio-name{font-weight:500;font-size:.85rem;color:inherit}.ailab-ratio-range{display:flex;flex-direction:column;gap:.35rem}.ailab-range-meta{display:flex;justify-content:space-between;color:inherit;opacity:.5;font-size:.75rem}.ailab-ratio-score{text-align:right;font-weight:600;font-size:.95rem}.ailab-zoom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.ailab-zoom-card{background:var(--bg-card);border-radius:10px;border:1px solid var(--border-subtle);padding:.6rem}.ailab-zoom-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;color:inherit;opacity:.5;margin-bottom:.4rem}.ailab-zoom-card svg{width:100%;height:auto;border-radius:6px;border:1px solid var(--border-subtle)}.ailab-point-table{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;font-size:.8rem}.ailab-point-row{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:.75rem;padding-bottom:.35rem;border-bottom:1px solid var(--border-subtle);color:inherit;opacity:.7}.ailab-point-row.header{text-transform:uppercase;font-size:.65rem;color:inherit;opacity:.5;letter-spacing:.4px;border-bottom:1px solid var(--border-default)}.face-shape-canvas-wrap{width:100%;display:flex;justify-content:center}.face-shape-overlay{position:relative;display:inline-flex;align-items:center;justify-content:center}.face-shape-base{max-width:100%;border:1px solid var(--border-default);height:auto;border-radius:12px;border:1px solid color-mix(in srgb,#ffffff 35%,transparent);display:block}.face-shape-canvas{position:absolute;inset:0;max-width:100%;height:auto;pointer-events:none}.face-shape-media{position:relative;display:inline-flex;align-items:center;justify-content:center}.ailab-primary-view{width:100%;border-radius:10px;border:1px solid var(--border-default);background:var(--bg-elevated);overflow:hidden}.ailab-primary-svg{width:100%;height:auto;display:block}.ratio-modal{width:min(480px,95vw);max-height:85vh;max-height:85dvh;overflow-y:auto;padding:.75rem;-webkit-overflow-scrolling:touch}@media(max-width:480px){.ratio-modal{width:100%;max-width:100%;max-height:90vh;max-height:90dvh;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;margin:0;transform:none}}.ratio-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.5rem;position:sticky;top:0;background:inherit;z-index:10}.ratio-modal-header h3{margin:0;color:inherit;font-weight:600;font-size:1rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ratio-modal-grid{display:flex;flex-direction:column;gap:.5rem;align-items:center}.ratio-modal-image{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;max-height:none;overflow:visible;width:100%;touch-action:pan-y pinch-zoom}.ratio-modal-image img{max-height:45vh;max-height:45dvh;width:auto;max-width:100%;object-fit:contain;border-radius:6px}@media(max-width:480px){.ratio-modal-image img{max-height:50vh;max-height:50dvh;width:100%;object-fit:contain}}.ratio-modal-image .ratio-nav-button{position:relative}.ratio-modal-image .ratio-nav-button:after{content:"Click to browse all metrics";position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:.7rem;color:#ffffff80;white-space:nowrap}.ratio-modal-hint{margin:0;font-size:.8rem;color:inherit;opacity:.5}.ratio-modal-details{display:flex;flex-direction:column;gap:.5rem;max-height:none;overflow:visible;width:100%}.ratio-modal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;width:100%}.ratio-modal-card{border-radius:8px;border:1px solid var(--border-subtle);padding:.4rem .5rem;background:var(--bg-card);color:inherit;opacity:.7;display:flex;flex-direction:column;gap:.2rem;font-size:.75rem}.ratio-modal-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;color:inherit;opacity:.5}.ratio-modal-card strong{font-size:1.1rem;color:inherit}.ratio-modal-card small{font-size:.7rem;color:inherit;opacity:.5}.ratio-modal-bar{position:relative;height:10px;border-radius:999px;display:flex;align-items:center}.ratio-modal-section{border-radius:10px;border:1px solid var(--border-subtle);padding:.85rem 1rem;background:var(--bg-card);color:inherit;opacity:.85}.ratio-modal-section h4{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:inherit;opacity:.7;font-weight:600}.ratio-modal-section p{margin:0;font-size:.85rem;line-height:1.6}.ratio-modal-section ul{margin:0;padding-left:1.25rem}.ratio-modal-section li{margin-bottom:.5rem;font-size:.85rem;line-height:1.5}.ratio-modal-section.success{border-color:#4ade804d;background:var(--accent-success-muted)}.ratio-modal-section.success h4{color:#4ade80e6}.ratio-modal-section.warning{border-color:#fbbf244d;background:var(--accent-warning-muted)}.ratio-modal-section.warning h4{color:#fbbf24e6}.face-shape-refresh{position:absolute;top:8px;right:8px;border:1px solid var(--border-default);background:var(--bg-surface);color:inherit;border-radius:8px;padding:.35rem .45rem;cursor:pointer;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.face-shape-refresh:hover{background:var(--bg-card-hover)}.analysis-card-score{font-size:2rem;font-weight:700;color:var(--accent-color, var(--accent-primary))}.analysis-card-score span{font-size:.85rem;color:var(--accent-color, var(--accent-primary));opacity:.6}.analysis-card-sub{font-size:.8rem;color:var(--accent-color, var(--accent-primary));opacity:.6;margin-top:.2rem}.overview-card .analysis-card-score,.harmony-card .analysis-card-score,.potential-card .analysis-card-score{color:var(--accent-color, var(--accent-primary))}.overview-card .analysis-card-sub,.harmony-card .analysis-card-sub,.potential-card .analysis-card-sub{color:var(--accent-color, var(--accent-primary));opacity:.6}.analysis-card-note{margin-top:.35rem;font-size:.75rem;color:inherit;opacity:.5;line-height:1.3}.analysis-score-sub{display:inline-flex;align-items:center;gap:.4rem}.info-icon-button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;min-height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-size:12px;aspect-ratio:1 / 1;flex-shrink:0;background:#ffffff26;color:#fffc;font-size:10px;padding:0;box-sizing:border-box;font-size:.75rem;position:relative;transition:all .2s ease}.info-icon-button:hover{border-color:#fff;color:#fff;background:color-mix(in srgb,#ffffff 25%,transparent)}.info-icon-button.refresh-analysis-btn{margin-left:.5rem}.info-icon-button.refresh-analysis-btn:disabled{opacity:.6;cursor:not-allowed}.info-icon-button.refresh-analysis-btn svg.spinning{animation:spin 1s linear infinite}.info-popup-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999999;animation:fadeIn .2s ease;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));box-sizing:border-box}.info-popup{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;max-width:480px;width:90%;max-height:calc(100% - 40px);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #ffffff26,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26;animation:slideUp .3s ease;color:#ffffffe6;margin:auto}.info-popup-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.2)}.info-popup-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.info-popup-close{background:transparent;border:none;color:#ffffffb3;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.info-popup-close:hover{background:#fff3;color:#fff}.info-popup-content{padding:1.25rem;overflow-y:auto;font-size:.9rem;line-height:1.6;color:#ffffffd9}.info-popup-content h4{font-size:.95rem;font-weight:600;margin:1.25rem 0 .5rem;color:#fff}.info-popup-content h4:first-of-type{margin-top:.75rem}.info-popup-content p{margin:0 0 .75rem;color:#ffffffbf}.info-popup-content ol{margin:.5rem 0;padding-left:1.5rem}.info-popup-content li{margin:.35rem 0;color:#ffffffa6}.info-popup-footer-text{margin-top:1rem!important;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);color:#ffffff80;font-style:italic}.info-icon{display:none}.analysis-card.image-card img{width:100%;border-radius:12px}.analysis-card.chart-card{margin-bottom:1rem;display:flex;flex-direction:column}.analysis-card.chart-card svg{width:100%;height:auto}.analysis-card.chart-card .distribution-chart{min-height:300px}.analysis-card.chart-card .radar-chart{display:flex;align-items:center;justify-content:center;padding:.5rem}.analysis-card.chart-card .radar-chart svg{width:100%;height:auto;max-width:280px;max-height:280px}.overview-marketing{margin-top:1rem;padding:.5rem 0}.overview-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.overview-marketing.vertical{margin-top:.5rem;padding:0}.overview-stats-column{display:flex;flex-direction:column;gap:.75rem}.overview-stats-column .overview-stat-card{padding:.75rem;flex-direction:row;align-items:center;gap:.75rem}.overview-stats-column .stat-icon-wrapper{width:36px;height:36px;min-width:36px}.overview-stats-column .stat-content{flex:1;min-width:0}.overview-stats-column .stat-value{font-size:1.25rem}.overview-stats-column .stat-label{font-size:.7rem}.overview-stats-column .stat-bar{display:none}.overview-stats-column .overview-stat-card{position:relative;flex-direction:column;overflow:hidden}.overview-stats-column .stat-hover-details{position:relative;left:auto;top:auto;transform:none;margin-left:0;margin-top:0;background:color-mix(in srgb,#ffffff 8%,transparent);border:none;border-top:1px solid color-mix(in srgb,#ffffff 20%,transparent);border-radius:0;padding:0;min-width:auto;width:100%;max-height:0;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .2s ease,visibility .2s ease,padding .3s ease;z-index:1;box-shadow:none;overflow:hidden}.overview-stats-column .overview-stat-card:hover .stat-hover-details{max-height:150px;opacity:1;visibility:visible;padding:.5rem 0;margin-top:.5rem}.overview-stat-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,color-mix(in srgb,#ffffff 6%,transparent),color-mix(in srgb,#ffffff 3%,transparent));border:1px solid color-mix(in srgb,#ffffff 20%,transparent);border-radius:12px;transition:all .3s ease;position:relative;overflow:visible;cursor:pointer}.overview-stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffffff,transparent);opacity:0;transition:opacity .3s ease}.overview-stat-card:hover:after{opacity:1}.overview-stat-card:hover{border-color:color-mix(in srgb,#ffffff 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,#ffffff 10%,transparent),color-mix(in srgb,#ffffff 5%,transparent));transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,#ffffff 20%,transparent)}.stat-hover-details{position:absolute;bottom:0;left:0;right:0;padding:.875rem 1rem;margin-top:.75rem;background:#0a0812f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid color-mix(in srgb,#ffffff 20%,transparent);opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;pointer-events:none;z-index:10}.overview-stat-card:hover .stat-hover-details{opacity:1;max-height:200px;overflow-y:auto;pointer-events:auto}.stat-detail-item{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.7rem;color:inherit;opacity:.8;line-height:1.4;animation:slideUp .3s ease forwards;word-wrap:break-word;overflow-wrap:break-word}.stat-detail-item span:last-child{flex:1;min-width:0;word-break:break-word}.stat-detail-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.overview-stat-card:hover .stat-detail-item:nth-child(1){animation-delay:.05s}.overview-stat-card:hover .stat-detail-item:nth-child(2){animation-delay:.1s}.overview-stat-card:hover .stat-detail-item:nth-child(3){animation-delay:.15s}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stat-detail-icon{font-weight:700;font-size:.7rem;flex-shrink:0;margin-top:.05rem;width:14px;text-align:center;line-height:1;color:#fff}.stat-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;flex-shrink:0;color:#fff!important}.stat-icon-wrapper svg{width:22px;height:22px}.stat-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.stat-value{font-size:2.25rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:none!important}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.stat-bar{width:100%;height:4px;background:color-mix(in srgb,#ffffff 10%,transparent);border-radius:2px;overflow:hidden;position:relative}.stat-bar-fill{height:100%;background:linear-gradient(90deg,#fff,color-mix(in srgb,#ffffff 80%,black));border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #a855f780;position:relative}.stat-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.demographics-comparison-container{margin-top:.5rem}.demographics-comparison-header{margin-bottom:.85rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:1rem}.comparison-label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;font-weight:500}.comparison-you{font-weight:600}.comparison-similar{color:inherit;opacity:.7;font-weight:400}.comparison-legend{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:inherit;opacity:.5}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend-swatch{width:10px;height:10px;border-radius:3px}.legend-swatch.legend-you{background:linear-gradient(180deg,#fff,color-mix(in srgb,#ffffff 80%,black))}.legend-swatch.legend-similar{background:#fff3;border:2px solid #ffffff}.demographics-comparison-bars{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.comparison-bar-row{display:flex;align-items:center;gap:.75rem}.comparison-bar-label{width:90px;font-size:.8rem;text-align:right;flex-shrink:0}.comparison-bar-track{flex:1;height:32px;background:#ffffff0a;border-radius:6px;position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:3px 40px 3px 0}.comparison-bar-fill{height:12px;border-radius:4px;display:flex;align-items:center;justify-content:flex-start;position:relative;min-width:36px;transition:width .4s ease}.comparison-bar-fill.user{background:linear-gradient(90deg,#fff,color-mix(in srgb,#ffffff 70%,white))}.comparison-bar-fill.similar{background:transparent;border:2px solid #ffffff;box-sizing:border-box}.comparison-bar-fill .bar-value{position:absolute;right:-32px;top:50%;transform:translateY(-50%);font-size:.65rem;font-weight:600;white-space:nowrap}.comparison-bar-fill.similar .bar-value{color:color-mix(in srgb,#ffffff 70%,transparent)}.demographics-comparison-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px}.comparison-unavailable-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#ffffff 10%,transparent);border-radius:50%;margin-bottom:1rem;opacity:.6}.comparison-unavailable-icon svg{width:32px;height:32px}.comparison-unavailable-text{font-size:.9rem;color:inherit;opacity:.7;line-height:1.5;max-width:300px}.analysis-card.age-chart-card{pointer-events:none}.age-chart{display:flex;flex-direction:column;gap:.5rem}.age-track{position:relative;height:6px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.08);overflow:visible}.age-marker{position:absolute;top:-10px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.age-dot{width:8px;height:8px;border-radius:50%;background:#fff;border:1px solid color-mix(in srgb,#ffffff 70%,transparent)}.age-marker.actual .age-dot{background:#fff;border-color:#fff;opacity:.6}.age-marker.visual .age-dot{background:#fff;border-color:#fff}.age-line{width:1px;height:16px;background:#fff;opacity:.5}.age-axis{display:flex;justify-content:space-between;font-size:.6rem;opacity:.6}.age-legend{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.age-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.4px;padding:.25rem .5rem;border-radius:999px;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);opacity:.75;background:color-mix(in srgb,#ffffff 8%,transparent)}.age-tag.visual{border-color:color-mix(in srgb,#ffffff 35%,transparent);background:color-mix(in srgb,#ffffff 12%,transparent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.empty-state-icon{width:80px;height:80px;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.empty-state-text{margin:0 0 1.25rem;font-size:.95rem;color:inherit;opacity:.7}.empty-state-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.1);color:inherit;opacity:.7;font-size:.85rem;cursor:pointer;transition:all .2s ease}.empty-state-button:hover{background:#ffffff0d;border-color:color-mix(in srgb,#ffffff 30%,transparent)}.analysis-placeholder .analysis-card{padding:2rem}.analysis-placeholder p{margin:0;color:#a9b0c6}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.report-block.report-wide{grid-column:1 / -1}.report-section{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.report-section:last-child{border-bottom:none}.report-section h5{margin:0 0 .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:inherit;opacity:.5;font-weight:700}.report-section p{margin:0;color:inherit;opacity:.7;font-size:.9rem;line-height:1.4}.report-text{margin:0;color:inherit;opacity:.7;font-size:.9rem;line-height:1.6;white-space:pre-line}.report-text strong{font-weight:700}.report-block{display:flex;flex-direction:column;gap:.6rem}.report-table{width:100%;border-collapse:collapse;font-size:.85rem;color:inherit;opacity:.7}.report-table th,.report-table td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid rgba(255,255,255,.08)}.report-table th{color:inherit;opacity:.5;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.4px}.report-filters{display:flex;gap:.6rem;align-items:center}.report-filters input,.report-filters select{padding:.45rem .6rem;border-radius:8px;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:transparent;color:inherit}.report-text{white-space:pre-wrap;background:#0000000d;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:.75rem;color:inherit;opacity:.7;font-size:.85rem;max-height:320px;overflow:auto}.comparison-card{grid-column:1 / -1}.distribution-chart{display:flex;flex-direction:column;gap:.8rem;position:relative;min-height:200px}.distribution-chart svg{width:100%;height:260px;display:block}.distribution-caption{display:grid;gap:.5rem;color:inherit;opacity:.5;font-size:.85rem}.distribution-score-card{display:inline-flex;align-items:center;gap:.6rem;background:#0000000d;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));border-radius:10px;padding:.4rem .7rem;color:#f4f0ff;width:fit-content}.distribution-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;color:inherit;opacity:.7}.distribution-meta span{display:block;font-size:.75rem;opacity:.7}.distribution-meta strong{font-size:.95rem}.ratios-card{grid-column:1 / -1}.ratio-list{display:flex;flex-direction:column;gap:.8rem}.ratio-row{display:grid;grid-template-columns:1.4fr 2fr 80px;gap:1rem;align-items:center;color:inherit;opacity:.7}.ratio-meta strong{display:block;font-size:.95rem}.ratio-meta span{font-size:.78rem;opacity:.7}.ratio-bar{position:relative;height:8px}.ratio-track{width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#e74c3c,#f39c12,#1abc9c,#3498db);opacity:.7}.ratio-marker{position:absolute;top:-5px;width:2px;height:18px;background:#fff;box-shadow:0 0 10px #fff9}.ratio-score{text-align:right;color:var(--accent-primary);font-weight:600}.changes-card{grid-column:1 / -1}.changes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.changes-grid span{display:block;font-size:.8rem;color:inherit;opacity:.7;margin-bottom:.35rem}.changes-grid img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.processing-status{display:flex;align-items:center;gap:.6rem;color:#b8a8de;font-size:.9rem;letter-spacing:.3px}.status-icon{width:10px;height:10px;border-radius:50%;background:#fff6;box-shadow:0 0 10px #ffffff4d}.status-icon.processing{background:var(--accent-primary);box-shadow:0 0 10px var(--glow-medium)}.status-icon.complete{background:#22c55e;box-shadow:0 0 10px #22c55e99}.status-icon.failed{background:#ef4444;box-shadow:0 0 10px #ef444499}.processing-warning{padding:.75rem 1rem;border-radius:12px;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:.9rem;margin-bottom:1rem;text-align:center}.status-dots{animation:status-pulse 1.4s infinite}@keyframes status-pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.auth-container{height:100%;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:1rem 0}.auth-card{width:min(380px,90%);max-height:calc(100vh - 140px);overflow-y:auto;background:var(--window-bg-color, inherit);border-radius:16px;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));padding:1.25rem;box-shadow:0 8px 32px #0000004d;margin-top:.5rem;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.auth-warning{margin-bottom:.75rem;padding:.5rem .65rem;border-radius:6px;background:var(--accent-warning-muted);border:1px solid rgba(251,191,36,.25);color:var(--accent-warning);font-size:.75rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1rem}.auth-tab{border:1px solid transparent;padding:.45rem .6rem;border-radius:6px;background:transparent;color:inherit;opacity:.5;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .15s ease}.auth-tab:hover{color:inherit;opacity:.7;background:var(--bg-card)}.auth-tab.active{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary);font-weight:500}.auth-form label{display:flex;flex-direction:column;gap:.25rem;color:inherit;opacity:.7;font-size:.8rem;margin-bottom:.6rem}.auth-form input,.auth-form select{padding:.5rem .65rem;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-elevated);color:inherit;font-size:.85rem}.auth-form input:focus,.auth-form select:focus{outline:none;border-color:var(--accent-primary)}.auth-button{width:100%;border:2px solid #ffffff;padding:.6rem;border-radius:8px;background:transparent;font-weight:600;margin-top:.5rem;cursor:pointer;transition:all .2s ease}.auth-button:hover{background:color-mix(in srgb,#ffffff 15%,transparent)}.dashboard-home{display:flex;flex-direction:column;gap:1.25rem}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-radius:20px;border:1px solid rgba(255,255,255,.4);box-shadow:0 0 15px #ffffff4d,0 0 30px #ffffff26,0 8px 32px color-mix(in srgb,#ffffff 45%,transparent),inset 0 1px #ffffff80;position:relative;overflow:hidden}.dashboard-welcome:before{display:none}.welcome-text{position:relative;z-index:1}.welcome-text h2{margin:0;font-size:1.35rem;font-weight:600;color:inherit}.dashboard-welcome .welcome-text,.dashboard-welcome .welcome-text h2,.dashboard-welcome .welcome-text h2 strong,.dashboard-welcome .welcome-text h2 span,.dashboard-welcome .welcome-text .welcome-subtitle,.lab-window .dashboard-welcome .welcome-text,.lab-window .dashboard-welcome .welcome-text h2,.lab-window .dashboard-welcome .welcome-text h2 strong,.lab-window .dashboard-welcome .welcome-text h2 span,.lab-window .dashboard-welcome .welcome-text .welcome-subtitle,.lab-window.light-window .dashboard-welcome .welcome-text,.lab-window.light-window .dashboard-welcome .welcome-text h2,.lab-window.light-window .dashboard-welcome .welcome-text h2 strong,.lab-window.light-window .dashboard-welcome .welcome-text h2 span,.lab-window.light-window .dashboard-welcome .welcome-text .welcome-subtitle{color:var(--welcome-name-color, #ffffff)!important;opacity:1!important}.dashboard-welcome.custom-banner .welcome-text h2,.dashboard-welcome.custom-banner .welcome-text h2 strong,.dashboard-welcome.custom-banner .welcome-subtitle{text-shadow:none}.dashboard-welcome.custom-banner .new-appointment-fab{background:var(--welcome-name-color, #ffffff);color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 3px 12px color-mix(in srgb,var(--welcome-name-color, #ffffff) 40%,transparent)}.dashboard-welcome.custom-banner .new-appointment-fab:hover{background:color-mix(in srgb,var(--welcome-name-color, #ffffff) 85%,black)}.welcome-text .welcome-name{color:var(--name-color, rgba(255, 255, 255, .8))!important;font-weight:700}.welcome-text .welcome-subtitle{margin:.35rem 0 0;font-size:.85rem;color:inherit;opacity:.85}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:.85rem;padding:1rem 1.15rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #ffffff26,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26;transition:all .2s ease}.stat-card-action{cursor:pointer}.stat-card-action:hover{background:transparent;border-color:#fff9;box-shadow:0 0 25px #fff6,0 0 50px #fff3,inset 0 1px #ffffff80}.stat-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1a!important;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;color:#fff!important}.stat-info{display:flex;flex-direction:column;gap:.15rem}.stat-value{font-size:1.25rem;font-weight:700;line-height:1;color:#fff!important}.stat-value-text{font-size:.9rem;font-weight:600;color:#fff!important}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:#fff9!important}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.dashboard-section-header h3{margin:0;font-size:.95rem;font-weight:600;color:inherit}.dashboard-home-header{display:flex;justify-content:space-between;align-items:center;gap:1.2rem}.dashboard-home-spacer{flex:1}.dashboard-home-header h2{margin:0;color:inherit}.dashboard-home-header p{margin-top:.4rem;color:inherit;opacity:.7}@media(max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.dashboard-stats{grid-template-columns:1fr}.dashboard-welcome{flex-direction:column;gap:1rem;text-align:center}}.refresh-button{padding:.65rem;border-radius:10px;background:#0000000d;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));color:inherit;opacity:.7;margin-right:.75rem;transition:all .2s ease}.refresh-button:hover{background:#0000001a;color:var(--accent-primary);border-color:var(--glow-medium)}.refresh-button:active svg{animation:spin .5s ease-in-out}.new-appointment-fab{position:relative;width:40px;height:40px;border-radius:50%;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ffffff4d,inset 0 1px #fff3;transition:all .25s ease;overflow:visible}.new-appointment-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 0 30px #ffffff80,inset 0 1px #ffffff4d;border-color:#ffffff80}.new-appointment-fab:active{transform:scale(.95) rotate(90deg)}.new-appointment-fab .fab-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.new-appointment-fab .fab-pulse{position:absolute;inset:-3px;border-radius:50%;border:1.5px solid color-mix(in srgb,#ffffff 40%,transparent);animation:fab-pulse-ring 2.5s ease-out infinite;pointer-events:none}@keyframes fab-pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.new-appointment-button{display:inline-flex;align-items:center;gap:.5rem;border:none;padding:.65rem 1rem;border-radius:12px;background:var(--accent-primary-muted);color:var(--accent-primary);border:1px solid color-mix(in srgb,#ffffff 20%,transparent);cursor:pointer}.sessions-section{margin-top:1.5rem;width:100%;box-sizing:border-box;overflow:hidden}.sessions-header{display:flex;align-items:center;margin-bottom:.75rem}.sessions-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fffffff2}.sessions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:100%;box-sizing:border-box}.session-card{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #ffffff26,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26;transition:all .2s ease;cursor:pointer;min-width:0;box-sizing:border-box;overflow:visible}.session-card:hover{background:transparent;border-color:#fff9;box-shadow:0 0 25px #fff6,0 0 50px #fff3,0 4px 20px #00000026,inset 0 1px 1px #fff3}.session-card-header{display:flex;justify-content:space-between;align-items:center}.session-card-body{display:flex;flex-direction:column;gap:.35rem}.session-date{font-size:.95rem;font-weight:600;color:#fffffff2}.session-objective{font-size:.75rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.session-card-body{min-width:0;overflow:hidden}.session-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;overflow:visible}.session-status-badge .status-icon{width:48px;height:32px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));border-radius:0!important;background:transparent!important;box-shadow:none!important}.session-status-badge .status-text{font-size:.75rem;font-weight:500;color:#fffc}.session-status-badge.processing .status-icon{animation:pulse 1.5s infinite}.session-actions-cell{width:60px;text-align:center}.session-menu-wrapper{position:relative;display:inline-block}.session-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.session-menu-trigger:hover{background:#ffffff1a;color:#ffffffe6}.session-menu-trigger svg{width:18px;height:18px}.session-menu-dropdown{position:fixed;z-index:9999!important;min-width:140px;padding:.4rem;background:#141423fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 8px 32px #00000080,0 0 20px #ffffff14;animation:menuSlideUp .15s ease-out;pointer-events:auto!important;touch-action:manipulation!important;transform-origin:bottom center}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.session-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem 1rem;background:transparent;border:none;color:#ffffffd9;font-size:.875rem;text-align:left;cursor:pointer;transition:all .15s ease}.session-menu-item:hover{background:#ffffff1a}.session-menu-item svg{width:16px;height:16px;opacity:.7}.session-menu-item.danger{color:#f87171}.session-menu-item.danger:hover{background:#ef444426}.session-menu-item:disabled{opacity:.5;cursor:not-allowed}.sessions-empty-row td{padding:3rem 1rem}.sessions-empty{text-align:center;color:#ffffff80;font-size:.9rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lab-window.light-window .sessions-header h3{color:#1b1f2a!important}.lab-window.light-window .sessions-header h3{color:#1b1f2a}.lab-window.light-window .session-card{background:#0000000a;border-color:#0000001a}.lab-window.light-window .session-card:hover{background:#0000000f;border-color:var(--accent-color, rgba(0, 0, 0, .2));box-shadow:0 4px 15px #00000014}.lab-window.light-window .session-date{color:#1b1f2a}.lab-window.light-window .session-objective{color:#4b5563}.lab-window.light-window .session-status-badge{background:transparent;border:none}.lab-window.light-window .session-status-badge .status-text{color:#4b5563}.lab-window.light-window .session-menu-trigger{color:#0006}.lab-window.light-window .session-menu-trigger:hover{background:#0000000d;color:#1b1f2a}.lab-window.light-window .session-menu-dropdown{background:#fffffff2;border-color:#0000001a}.lab-window.light-window .session-menu-item{color:#1b1f2a}.lab-window.light-window .session-menu-item:hover{background:#0000000d}.lab-window.light-window .sessions-empty{color:#00000080}@media(min-width:768px){.sessions-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.sessions-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1400px){.sessions-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.sessions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.session-card{padding:.6rem}.session-date{font-size:.75rem}.session-objective{font-size:.65rem}.session-status-badge .status-text{display:none}.session-status-badge{padding:0;background:transparent!important;border:none!important}.session-status-badge .status-icon{width:48px;height:32px}.session-menu-trigger{width:26px;height:26px}}.pull-to-refresh-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;color:#fffc;font-size:.8rem;transition:height .2s ease}.pull-to-refresh-indicator svg{width:20px;height:20px;transition:transform .1s ease}.pull-to-refresh-indicator svg.spinning{animation:spin 1s linear infinite}.sync-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#1e1e32f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:25px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0000004d;z-index:99999;font-size:.8rem;color:#ffffffe6;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sync-toast.success{border-color:#22c55e66}.sync-toast.success svg{color:#22c55e}.sync-toast.error{border-color:#ef444466}.sync-toast.error svg{color:#ef4444}.sync-toast.syncing svg{color:#60a5fa}.sync-toast svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-details-modal{max-width:400px;width:90%}.view-details-modal .modal-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.view-details-modal .modal-header-compact h3{margin:0;font-size:1.1rem}.view-details-modal .modal-close-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.view-details-modal .modal-close-btn:hover{color:#ffffffe6}.view-details-content{display:flex;flex-direction:column;gap:.75rem}.view-details-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.view-details-row:last-child{border-bottom:none}.view-details-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.03em}.view-details-value{font-size:.9rem;color:#fffffff2;text-align:right;max-width:60%}.view-details-images{margin-top:.5rem}.view-details-images .view-details-label{display:block;margin-bottom:.75rem}.view-details-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.view-details-image{display:flex;flex-direction:column;align-items:center;gap:.25rem}.view-details-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.view-details-image span{font-size:.7rem;color:#ffffff80}.appointments-table{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.appointments-header{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;font-weight:600;font-size:.85rem;color:#ffffffb3}.appointments-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:center;padding:.75rem 1rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.appointments-row span:nth-child(1){font-weight:600;font-size:1rem;color:#fffffff2}.appointments-row span:nth-child(2){font-size:.85rem;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.appointments-row span:nth-child(3){margin-top:.25rem}.appointments-row span:nth-child(4){display:flex;gap:.5rem;margin-top:.5rem}.appointments-header{color:inherit;font-weight:600;font-size:.85rem;background:transparent;border-bottom:1px solid rgba(255,255,255,.2)}.appointments-row:hover{background:#ffffff14;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 0 15px #ffffff26,0 8px 20px #00000026,inset 0 1px 1px #ffffff26}.appointments-empty{flex:1;padding:1.5rem;color:inherit;opacity:.6;text-align:center;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.15)}.start-analysis-button{padding:.5rem .8rem;border-radius:10px;border:1px solid var(--border-accent);background:var(--accent-primary-muted);color:inherit;cursor:pointer}.appointments-actions{display:flex;gap:.5rem;justify-content:center;justify-self:center}.status-pill{display:inline-flex;align-items:center;gap:.4rem}.status-pill .status-icon{margin:0 auto}.status-icon.ready{background:#9aa2b6}.status-icon.processing{background:var(--accent-primary)}.status-icon.completed{background:#22c55e}.start-analysis-button:disabled{opacity:.6;cursor:not-allowed}.delete-appointment-button{padding:.5rem .8rem;border-radius:12px;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#ffffff80;cursor:pointer;transition:all .2s ease}.delete-appointment-button:hover{background:#ff64641a;border-color:#ff64644d}.reload-appointment-button,.view-results-button{padding:.5rem .8rem;border-radius:12px;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 12px #ffffff26;color:#fff;cursor:pointer;transition:all .2s ease}.reload-appointment-button:hover,.view-results-button:hover{background:#ffffff40;border-color:#ffffff59;box-shadow:0 0 20px #ffffff4d}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;z-index:99999;padding-top:calc(env(safe-area-inset-top) + 130px);padding-bottom:calc(env(safe-area-inset-bottom) + 90px);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-card{width:min(500px,92%);max-height:calc(100vh - 240px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:1.75rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #ffffff26,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26;display:flex;flex-direction:column;gap:1.5rem;margin:auto;overflow-y:auto;color:#fff}.modal-card>h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.modal-card label{color:#ffffffd9;font-weight:500}.modal-card input,.modal-card textarea,.modal-card select{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;padding:.75rem}.modal-card input:focus,.modal-card textarea:focus,.modal-card select:focus{outline:none;border-color:#fff6;background:#ffffff1a}.modal-card input::placeholder,.modal-card textarea::placeholder{color:#fff6}.modal-card::-webkit-scrollbar{width:6px}.modal-card::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-card::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.modal-card::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-card.warning{border-color:#ff636366}.modal-card label{display:flex;flex-direction:column;gap:.4rem;color:inherit;opacity:.7}.modal-card textarea{padding:.7rem;border-radius:12px;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:transparent;color:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.new-appointment-modal-compact{background:#1a1a2e!important;background-color:#1a1a2e!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 8px 32px #0009,0 2px 8px #0006!important;gap:1.25rem!important;padding:1.5rem!important;border-radius:24px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:calc(100vh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;opacity:1!important}.modal-card.new-appointment-modal-compact{background:#1a1a2e!important;background-color:#1a1a2e!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}.lab-window.light-window .new-appointment-modal-compact,.app.theme-light .new-appointment-modal-compact{background:var(--window-bg-color, #ffffff)!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014!important;color:#1b1f2a!important}.lab-window.light-window .new-appointment-modal-compact .modal-header-compact h3,.app.theme-light .new-appointment-modal-compact .modal-header-compact h3{color:#1b1f2a!important}.lab-window.light-window .new-appointment-modal-compact .modal-subtitle,.app.theme-light .new-appointment-modal-compact .modal-subtitle{color:#1b1f2a99!important}.lab-window.light-window .new-appointment-modal-compact .module-pill-small,.app.theme-light .new-appointment-modal-compact .module-pill-small{background:#0000000f!important;border-color:#0000001f!important;color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .new-appointment-modal-compact .upload-box-compact,.app.theme-light .new-appointment-modal-compact .upload-box-compact{background:#00000008!important;border-color:#00000026!important}.lab-window.light-window .new-appointment-modal-compact .upload-placeholder-compact,.app.theme-light .new-appointment-modal-compact .upload-placeholder-compact{color:#1b1f2a80!important}.lab-window.light-window .new-appointment-modal-compact .upload-view-name,.app.theme-light .new-appointment-modal-compact .upload-view-name{color:#1b1f2ab3!important}.lab-window.light-window .new-appointment-modal-compact .upload-view-label,.app.theme-light .new-appointment-modal-compact .upload-view-label{color:#1b1f2ae6!important;background:linear-gradient(transparent,#ffffffd9)!important}.lab-window.light-window .new-appointment-modal-compact .hair-section-title,.app.theme-light .new-appointment-modal-compact .hair-section-title{color:#1b1f2a80!important}.lab-window.light-window .new-appointment-modal-compact .quiz-button-compact,.app.theme-light .new-appointment-modal-compact .quiz-button-compact{background:#0000000a!important;border-color:#0000001f!important;color:#1b1f2ab3!important}.lab-window.light-window .new-appointment-modal-compact .concern-label,.app.theme-light .new-appointment-modal-compact .concern-label{color:#1b1f2ad9!important}.lab-window.light-window .new-appointment-modal-compact .concern-label .optional-indicator,.app.theme-light .new-appointment-modal-compact .concern-label .optional-indicator{color:#1b1f2a80!important}.lab-window.light-window .new-appointment-modal-compact .concern-chip,.app.theme-light .new-appointment-modal-compact .concern-chip{background:#0000000d!important;border-color:#00000026!important;color:#1b1f2acc!important}.lab-window.light-window .new-appointment-modal-compact .concern-chip.selected,.app.theme-light .new-appointment-modal-compact .concern-chip.selected{background:var(--accent-color, #7c6cff)!important;border-color:var(--accent-color, #7c6cff)!important;color:#fff!important}.lab-window.light-window .new-appointment-modal-compact .cancel-button-compact,.app.theme-light .new-appointment-modal-compact .cancel-button-compact{background:#0000000d!important;border-color:#00000026!important;color:#1b1f2ab3!important}.lab-window.light-window .new-appointment-modal-compact .start-button-compact,.app.theme-light .new-appointment-modal-compact .start-button-compact{background:var(--accent-color, #7c6cff)!important;border-color:var(--accent-color, #7c6cff)!important;color:#fff!important}.lab-window.light-window .new-appointment-modal-compact .hair-analysis-section-compact,.app.theme-light .new-appointment-modal-compact .hair-analysis-section-compact,.lab-window.light-window .new-appointment-modal-compact .modal-actions-compact,.app.theme-light .new-appointment-modal-compact .modal-actions-compact{border-top-color:#00000014!important}.lab-window.light-window .new-appointment-modal-compact .glass-icon,.app.theme-light .new-appointment-modal-compact .glass-icon{filter:brightness(0) saturate(100%) opacity(.6)!important}.lab-window.light-window .new-appointment-modal-compact .upload-hint,.app.theme-light .new-appointment-modal-compact .upload-hint{color:#1b1f2a80!important}.lab-window.light-window .new-appointment-modal-compact .section-label,.app.theme-light .new-appointment-modal-compact .section-label{color:#1b1f2a99!important}.lab-window.light-window .new-appointment-modal-compact input,.lab-window.light-window .new-appointment-modal-compact textarea,.lab-window.light-window .new-appointment-modal-compact select,.app.theme-light .new-appointment-modal-compact input,.app.theme-light .new-appointment-modal-compact textarea,.app.theme-light .new-appointment-modal-compact select{background:#00000008!important;border-color:#0000001f!important;color:#1b1f2a!important}.modal-header-compact{text-align:center;padding-bottom:.5rem}.modal-header-compact h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:600;color:#fff}.modal-subtitle{margin:0;font-size:.85rem;color:#fff9}.analysis-modules-compact{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.module-pill-small{padding:.3rem .75rem;border-radius:14px;background:var(--glow-soft, rgba(255, 255, 255, .08));border:1px solid var(--border-accent, rgba(255, 255, 255, .15));font-size:.7rem;color:var(--accent-color, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.04em}.upload-grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;justify-items:center;width:100%;padding:0 .5rem}.upload-grid-compact.single-upload{grid-template-columns:1fr;max-width:140px;margin:0 auto}.upload-item-compact{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.upload-item-compact .upload-box-compact{width:100%;min-width:80px;max-width:120px;height:auto;aspect-ratio:1}.upload-item-compact .guided-capture-btn{flex:1;margin-top:0!important}.upload-box-compact{position:relative;aspect-ratio:1;border-radius:18px;background:#ffffff0f;border:2px dashed var(--border-accent, rgba(255, 255, 255, .2));display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .2s ease}.upload-box-compact:hover{border-color:var(--accent-color, rgba(255, 255, 255, .35));background:#ffffff1a}.upload-box-compact.has-image{border-style:solid;border-color:var(--border-accent, rgba(255, 255, 255, .25))}.upload-box-compact.upload-box-clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .2s ease}.upload-box-compact.upload-box-clickable:hover,.upload-box-compact.upload-box-clickable:active{border-color:#ffffff80;background:#ffffff1a;transform:scale(1.02);box-shadow:0 0 15px #ffffff26}.upload-box-compact.upload-box-clickable:active{transform:scale(.98)}.upload-box-compact.upload-box-clickable.has-image:hover,.upload-box-compact.upload-box-clickable.has-image:active{border-color:#fff6}.upload-box-compact .preview-image{width:100%;height:100%;object-fit:cover}.upload-box-compact .file-input,.new-appointment-modal-compact .file-input{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:10!important;-webkit-appearance:none!important;appearance:none!important;font-size:0!important;color:transparent!important;background:transparent!important;border:none!important;-webkit-tap-highlight-color:transparent!important}.upload-box .file-input{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:10!important;-webkit-appearance:none!important;appearance:none!important;font-size:0!important;color:transparent!important;-webkit-tap-highlight-color:transparent!important}.upload-view-label{position:absolute;bottom:0;left:0;right:0;padding:.4rem;background:linear-gradient(transparent,#000000bf);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500;color:#fffffff2;text-align:center}.upload-placeholder-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff9;pointer-events:none;padding:8px;text-align:center}.upload-placeholder-compact svg,.upload-placeholder-compact .glass-icon{opacity:.75;width:28px!important;height:28px!important}.upload-view-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;font-weight:600;white-space:normal;word-break:break-word;text-align:center;line-height:1.2;max-width:100%;overflow:hidden}.hair-analysis-section-compact{padding-top:1rem;border-top:1px solid var(--border-accent, rgba(255, 255, 255, .12))}.hair-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin-bottom:.75rem;text-align:center;font-weight:500}.hair-grid-compact{grid-template-columns:repeat(2,1fr)!important;max-width:200px;margin:0 auto}.quiz-button-compact{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem;margin-top:.75rem;background:var(--glow-soft, rgba(255, 255, 255, .04));border:1px solid var(--border-accent, rgba(255, 255, 255, .12));border-radius:12px;color:#ffffffb3;font-size:.75rem;cursor:pointer;transition:all .2s ease}.quiz-button-compact:hover{background:var(--glow-medium, rgba(255, 255, 255, .08));border-color:var(--border-accent, rgba(255, 255, 255, .2))}.quiz-complete-compact{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;margin-top:.5rem;color:#10b981e6;font-size:.75rem}.hair-analysis-section-compact.hair-only-primary{padding-top:0;border-top:none;margin-top:0}.hair-only-grid{grid-template-columns:repeat(2,1fr)!important;max-width:320px;margin:0 auto;gap:1rem}.hair-only-box{min-height:140px;aspect-ratio:1}.hair-only-box .upload-placeholder-compact{flex-direction:column;gap:.5rem}.hair-only-box .upload-view-name{font-size:.7rem;font-weight:600;white-space:normal;text-align:center;line-height:1.2}.upload-hint{font-size:.65rem;color:#fff6;margin-top:.25rem}.quiz-button-prominent{padding:.85rem;background:linear-gradient(135deg,#8b5cf626,#a855f71a);border-color:#8b5cf64d;font-size:.85rem}.quiz-button-prominent:hover{background:linear-gradient(135deg,#8b5cf640,#a855f726);border-color:#8b5cf680}.quiz-recommended{font-size:.7rem;color:#8b5cf6cc;margin-left:.25rem}.optional-indicator{font-size:.7rem;color:#fff6;font-weight:400;margin-left:.25rem}.objective-section{border-top:1px solid rgba(255,255,255,.08);padding-top:.75rem}.objective-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#fff9;margin-bottom:.5rem;font-weight:500}.required-indicator{color:#ef4444cc;font-size:.9rem}.notes-section{border-top:1px solid rgba(255,255,255,.08);padding-top:.75rem}.notes-toggle{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffff73;cursor:pointer;padding:.4rem 0;list-style:none}.notes-toggle::-webkit-details-marker{display:none}.notes-toggle:before{content:"+";font-size:1rem;font-weight:300;width:16px}details[open] .notes-toggle:before{content:"−"}.notes-textarea{width:100%;margin-top:.5rem;padding:.7rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.85rem;resize:none}.notes-textarea::placeholder{color:#ffffff4d}.notes-textarea:focus{outline:none;border-color:#ffffff40}.modal-actions-compact{display:flex;gap:.75rem;margin-top:.25rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.cancel-button-compact{flex:0 0 auto;padding:.85rem 1.25rem;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#ffffffbf;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button-compact:hover{background:#ffffff1f;border-color:#ffffff4d}.start-button-compact{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.25rem;border-radius:14px;background:#7c6cff!important;border:1px solid #7c6cff!important;color:#fff!important;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px #0000004d}.start-button-compact:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 4px 16px #0006}.start-button-compact:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.new-appointment-modal-compact{width:92%!important;max-width:380px!important;padding:1.25rem!important;gap:1rem!important;border-radius:24px!important}.modal-header-compact h3{font-size:1.2rem}.modal-subtitle{font-size:.8rem}.upload-grid-compact{gap:.65rem}.upload-box-compact{border-radius:14px}.upload-placeholder-compact svg,.upload-placeholder-compact .glass-icon{width:24px!important;height:24px!important}.upload-view-name{font-size:.7rem}.upload-item-compact .upload-box-compact{min-width:70px;max-width:100px}.modal-actions-compact{padding-top:.5rem}.cancel-button-compact,.start-button-compact{padding:.75rem 1rem;font-size:.85rem;border-radius:12px}}.ghost-button{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.6rem 1rem;border-radius:10px;cursor:pointer;font-weight:500;transition:all .2s ease}.ghost-button:hover{background:#ffffff1a;border-color:#ffffff59;color:#fff}.primary-button{background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);padding:.6rem 1rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:100px;color:#fff!important;font-weight:500;transition:all .2s ease}.primary-button:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 15px #fff3}.button-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.danger-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#ffffffe6;padding:.6rem 1rem;border-radius:10px;cursor:pointer;transition:all .2s ease}.danger-button:hover{background:#ffffff26;border-color:#ffffff59}.settings-container{display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.settings-card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:1.2rem;box-shadow:0 0 15px #ffffff26,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26}.settings-card select{margin-top:.5rem;width:100%;padding:.6rem 2.5rem .6rem .6rem;border-radius:10px;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:transparent;color:inherit;font-size:inherit;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color .2s ease,box-shadow .2s ease}.settings-card select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,#ffffff 15%,transparent)}.settings-card select option{background:var(--window-bg-color, #1a1a2e);color:inherit;padding:.5rem}.lab-window.light-window .settings-card select option{background:#fff;color:#1a1a2e}.settings-card.settings-card-danger{border-color:#f871714d}.settings-card-danger h3{color:#f87171}.settings-card-description{margin:.5rem 0 .75rem;font-size:.9rem;opacity:.85}.btn-danger-outline{background:transparent;border:1px solid rgba(248,113,113,.5);color:#f87171;padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger-outline:hover{background:#f871711a}.modal-content{background:#1e1e28f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;width:min(400px,90vw);max-width:90vw;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;pointer-events:auto!important;position:relative;z-index:100000}.modal-content h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#fff}.modal-content p{margin:.5rem 0;color:#fffc;font-size:.95rem;line-height:1.5}.modal-content-danger h3{color:#f87171}.modal-hint{font-size:.9rem;opacity:.85;margin-top:.5rem}@supports (-webkit-touch-callout: none){.modal-content{transform:translateZ(0);-webkit-transform:translateZ(0)}.modal-content .modal-actions{position:relative;z-index:100001!important}.modal-content .btn-danger,.modal-content .btn-secondary{pointer-events:auto!important;z-index:100002!important}}.btn-danger{background:#ef4444;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;-webkit-appearance:none!important;appearance:none!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;transform:translateZ(0);-webkit-transform:translateZ(0);min-height:48px;position:relative;z-index:10}.btn-danger:hover,.btn-danger:active{background:#dc2626}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;-webkit-appearance:none!important;appearance:none!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;transform:translateZ(0);-webkit-transform:translateZ(0);min-height:48px;position:relative;z-index:10}.btn-secondary:hover,.btn-secondary:active{background:#ffffff26}.business-settings-page{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto;padding:1rem 0}.settings-section{background:transparent;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);border-radius:16px;padding:1.5rem}.settings-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--content-border-color, rgba(0, 0, 0, .06))}.settings-section-icon{width:22px;height:22px}.settings-section-header h3{margin:0;font-size:1.1rem;font-weight:600;color:inherit}.settings-description{margin:0 0 1rem;font-size:.875rem;opacity:.7}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.settings-grid.colors-grid{grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}@media(max-width:768px){.settings-grid,.settings-grid.colors-grid{grid-template-columns:1fr}}.settings-field{display:flex;flex-direction:column;gap:.5rem}.settings-field.full-width{grid-column:1 / -1}.settings-label{font-size:.85rem;font-weight:500;color:inherit;opacity:.85}.field-hint{font-size:.75rem;opacity:.6;margin:0 0 .5rem}.settings-input,.settings-select,.settings-textarea{padding:.75rem 1rem;border-radius:10px;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:transparent;color:inherit;font-size:.9rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,#ffffff 15%,transparent)}.settings-input::placeholder,.settings-textarea::placeholder{color:inherit;opacity:.4}.settings-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.settings-select option{background:inherit;color:inherit}.lab-window.light-window .settings-select option{background:#fff;color:#1b1f2a}.settings-textarea{resize:vertical;min-height:100px;background:transparent!important}.file-upload-area{display:flex;align-items:center;gap:1rem}.file-input-hidden{display:none}.file-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:10px;border:1px dashed var(--content-border-color, rgba(0, 0, 0, .15));background:transparent;color:inherit;font-size:.85rem;cursor:pointer;transition:all .2s ease}.file-upload-button:hover{border-color:#fff;background:color-mix(in srgb,#ffffff 5%,transparent)}.file-preview{display:flex;align-items:center;gap:.75rem}.file-preview-image{width:40px;height:40px;border-radius:8px;object-fit:contain;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:#00000005}.file-preview-image.avatar{border-radius:50%;object-fit:cover}.file-name{font-size:.8rem;opacity:.7}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:640px){.modules-grid{grid-template-columns:1fr}}.module-toggle{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:transparent;cursor:pointer;transition:all .2s ease}.module-toggle:hover{border-color:#fff}.module-toggle.active{border-color:#fff;background:color-mix(in srgb,#ffffff 8%,transparent)}.module-toggle input{display:none}.module-toggle-content{display:flex;align-items:center;gap:.75rem}.module-icon{font-size:1.25rem}.module-name{font-size:.9rem;font-weight:500}.module-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--content-border-color, rgba(0, 0, 0, .15));display:flex;align-items:center;justify-content:center;transition:all .2s ease}.module-check svg{width:12px;height:12px;opacity:0;color:#fff;transition:opacity .2s ease}.module-toggle.active .module-check{background:#fff;border-color:#fff}.module-toggle.active .module-check svg{opacity:1}.access-key-display{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:transparent}.access-key-value{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9rem;letter-spacing:.5px;flex:1}.copy-key-button{padding:.4rem;border-radius:6px;border:none;background:transparent;color:inherit;opacity:.6;cursor:pointer;transition:all .2s ease}.copy-key-button:hover{opacity:1;background:color-mix(in srgb,#ffffff 10%,transparent)}.settings-actions{display:flex;justify-content:flex-end;padding-top:1rem}.settings-save-button{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2rem;border-radius:12px;border:2px solid #ffffff;background:transparent;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.settings-save-button:hover{background:color-mix(in srgb,#ffffff 15%,transparent);transform:translateY(-2px)}.settings-save-button svg{width:18px;height:18px}.lab-window.light-window .settings-section{border-color:#0000001a}.lab-window.light-window .settings-section-header{border-bottom-color:#00000014}.lab-window.light-window .settings-input,.lab-window.light-window .settings-select,.lab-window.light-window .settings-textarea{border-color:#00000026;background:#fffc!important;color:#1b1f2a}.lab-window.light-window .module-toggle{border-color:#0000001f}.lab-window.light-window .module-check{border-color:#0003}.settings-card label{display:flex;flex-direction:column;gap:.4rem;color:inherit;opacity:.7;font-size:.9rem;margin-top:.6rem}.settings-card input{padding:.6rem;border-radius:10px;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));background:transparent;color:inherit}.theme-toggle{display:flex;gap:.6rem;margin-top:.6rem}.theme-toggle button{flex:1;padding:.6rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;opacity:.7;cursor:pointer}.theme-toggle button.active{background:var(--accent-primary-muted);border-color:var(--border-accent)}.terminal-footer{display:flex;align-items:center;padding:.75rem 1.5rem 1.25rem;min-height:62px;background:transparent;border-top:none;gap:.75rem;flex-shrink:0}.footer-version{color:var(--accent-color, rgba(255, 255, 255, .5));opacity:.7}.footer-profile{display:flex;align-items:center;gap:.6rem;padding-left:0;margin-left:0}.footer-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,#ffffff 20%,transparent);display:flex;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,#ffffff 30%,transparent)}.footer-avatar img{width:100%;height:100%;object-fit:cover}.footer-avatar span{font-size:.85rem;font-weight:600}.footer-info{display:flex;flex-direction:column;gap:.1rem}.footer-name{font-size:.8rem;font-weight:600;color:inherit}.footer-meta{font-size:.65rem;color:inherit;opacity:.5}.footer-spacer{flex:1}.footer-version{font-size:.65rem;color:inherit;opacity:.5;letter-spacing:.3px;opacity:.7}.glass-tab-bar-wrapper{position:fixed;bottom:0;left:0;right:0;padding:0 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:9999;display:flex;justify-content:center;pointer-events:none}.glass-tab-bar{display:flex;align-items:center;justify-content:space-evenly;padding:6px 8px;width:100%;max-width:100%;min-height:60px;border-radius:30px;background:#14141e8c;backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);border:none;box-shadow:0 8px 40px #0000004d;pointer-events:all;position:relative;overflow:visible}.glass-tab-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;gap:3px;background:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;padding:6px 4px;z-index:1;color:#fff6;transition:color .25s ease,transform .12s ease;text-decoration:none;-webkit-appearance:none;appearance:none}.glass-tab-slot svg{width:24px;height:24px;stroke-width:1.6}.glass-tab-slot span{font-size:.6rem;font-weight:500;letter-spacing:.01em;text-transform:capitalize;line-height:1}.glass-tab-slot:active{transform:scale(.88)}.glass-tab-slot.active{color:#fff;z-index:5}.glass-tab-slot.active:active{transform:scale(.92)}.glass-bubble{position:absolute;inset:0 -6px;border-radius:20px;z-index:-1;background:#ffffff1f;backdrop-filter:blur(20px) brightness(1.2);-webkit-backdrop-filter:blur(20px) brightness(1.2);border:none;box-shadow:none}.lab-window .lab-content{padding-bottom:100px!important}.app.theme-light .glass-tab-bar,.lab-window.light-window .glass-tab-bar{background:#f5f5fa8c;backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);border:none;box-shadow:0 4px 20px #00000014}.app.theme-light .glass-tab-slot,.lab-window.light-window .glass-tab-slot{color:#3c3c4366}.app.theme-light .glass-tab-slot.active,.lab-window.light-window .glass-tab-slot.active{color:var(--accent-color, #007AFF)}.app.theme-light .glass-bubble,.lab-window.light-window .glass-bubble{background:#0000000f}.lab-footer{position:absolute;bottom:.65rem;left:1rem;z-index:2}.profile-chip{display:flex;align-items:center;gap:.6rem;background:#0000000d;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));border-radius:14px;padding:.5rem .8rem;color:inherit}.profile-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-primary-muted);display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:600}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:.85rem;font-weight:600}.profile-meta{font-size:.75rem;opacity:.7}.lumina-bot-button{background:transparent;border:none;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;padding:0;box-shadow:none;outline:none;margin-right:.5rem}.lumina-bot-button:hover{transform:scale(1.1)}.lumina-bot-button:focus{outline:none;box-shadow:none}#lumina-bot-lottie{width:56px;height:56px}.lumina-bot-notification{position:absolute;top:3px;right:3px;width:12px;height:12px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-base);z-index:10;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.header-profile-avatar{width:34px;height:34px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#ffffff 15%,transparent);border:1px solid color-mix(in srgb,#ffffff 30%,transparent);margin-right:8px}.header-profile-avatar img{width:100%;height:100%;object-fit:cover}.header-profile-avatar span{font-size:14px;font-weight:600}.lab-window.light-window .header-profile-avatar{background:color-mix(in srgb,#ffffff 10%,transparent);border-color:color-mix(in srgb,#ffffff 20%,transparent)}.footer-avatar .business-logo-avatar{object-fit:contain!important;padding:2px;background:#ffffffe6;border-radius:6px}.lab-window.light-window .footer-avatar .business-logo-avatar{background:#fff;box-shadow:0 1px 3px #0000001a}.signout-button{background:transparent;border:none;color:inherit;opacity:.7;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto!important;-webkit-tap-highlight-color:rgba(255,255,255,.2);touch-action:manipulation;position:relative;z-index:100}.signout-button:active{opacity:1;background:#ffffff1a}.lab-window.light-window{color:#1b1f2a;border-color:color-mix(in srgb,#ffffff 35%,transparent);box-shadow:0 8px 32px #00000026,0 0 20px color-mix(in srgb,#ffffff 15%,transparent)}.lab-window.light-window .terminal-chrome{background:linear-gradient(180deg,#fffffff2,#fafafce6);border-bottom-color:#0000001a}.lab-window.light-window .terminal-tab{color:#3b4255}.lab-window.light-window .terminal-tab.active{background:#00000014;color:#1b1f2a}.lab-window.light-window .lab-content{color:#1b1f2a}.lab-window.light-window .dashboard-card,.lab-window.light-window .settings-card,.lab-window.light-window .appointments-table{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#fff6;color:#1b1f2a}.lab-window.light-window .dashboard-card h3,.lab-window.light-window .dashboard-home-header h2,.lab-window.light-window .summary-card p,.lab-window.light-window .analysis-card p,.lab-window.light-window .patient-info strong,.lab-window.light-window .patient-info span{color:#1b1f2a}.lab-window.light-window .auth-form input,.lab-window.light-window .auth-form select,.lab-window.light-window .auth-form textarea{background:#0000000d;border-color:#00000026;color:#1b1f2a}.lab-window.light-window .branding-left{border-right-color:#0000001a}.lab-window.light-window .signout-button{border:none;color:#3b4255}.lab-window.light-window .terminal-appointment{color:#5a5f6e}.lab-window.light-window .appointments-table th,.lab-window.light-window .appointments-table td{border-color:#0000001a;color:#1b1f2a}.lab-window.light-window .status-chip{border-color:#00000026}.lab-window.light-window .terminal-footer{background:#00000008;border-top-color:#0000001a;color:#3b4255}.lab-window.light-window .terminal-footer a,.lab-window.light-window .footer-version,.lab-window.light-window .footer-meta{color:#5a5f6e}.lab-window.light-window .footer-name{color:#1b1f2a}.lab-window.light-window label{color:#3b4255}.lab-window.light-window .summary-card,.lab-window.light-window .analysis-card{background:#00000008;border-color:#0000001a}.lab-window.light-window .summary-card h4,.lab-window.light-window .analysis-card h4{color:#1b1f2a}.lab-window.light-window .access-key-display{background:#0000000d;border-color:#0000001a}.lab-window.light-window .settings-section-title{color:#1b1f2a}.lab-window.light-window .color-picker-value{background:#0000000d;color:#3b4255}.lab-window.light-window .stat-card{background:#0000000a;border-color:#0000001a}.lab-window.light-window .stat-card:hover{background:#0000000f;border-color:var(--accent-color, rgba(0, 0, 0, .2));box-shadow:0 4px 15px #00000014}.lab-window.light-window .stat-value,.lab-window.light-window .stat-value-text,.lab-window.light-window .stat-card .stat-value{color:var(--accent-color, #1b1f2a)!important;-webkit-text-fill-color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .stat-label,.lab-window.light-window .stat-card .stat-label{color:#4b5563!important;-webkit-text-fill-color:#4b5563!important;opacity:1!important}.lab-window.light-window .stat-icon{color:var(--accent-color, #3b4255)!important}.lab-window.light-window .welcome-subtitle,.lab-window.light-window .dashboard-welcome .welcome-subtitle{color:#1b1f2ab3!important}.lab-window.light-window .dashboard-section-header,.lab-window.light-window .dashboard-section-header h3{color:#1b1f2a!important}.lab-window.light-window .session-card,.lab-window.light-window .appointments-row{background:#00000008;border-color:#00000014}.lab-window.light-window .session-card:hover,.lab-window.light-window .appointments-row:hover{background:#0000000d;border-color:var(--accent-color, rgba(0, 0, 0, .15))}.lab-window.light-window .session-date,.lab-window.light-window .session-card span,.lab-window.light-window .session-card p,.lab-window.light-window .appointments-row span,.lab-window.light-window .appointments-row td{color:#1b1f2a!important}.lab-window.light-window .session-status,.lab-window.light-window .status-chip{color:#1b1f2a;border-color:#00000026}.lab-window.light-window .analysis-card,.lab-window.light-window .overview-stat-card,.lab-window.light-window .overview-card,.lab-window.light-window .harmony-card,.lab-window.light-window .potential-card,.lab-window.light-window .chart-card{background:#00000008;border-color:#00000014}.lab-window.light-window .analysis-card-score,.lab-window.light-window .analysis-card-score span,.lab-window.light-window .overview-stat-value,.lab-window.light-window .score-value{color:var(--accent-color, #1b1f2a)!important;-webkit-text-fill-color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .analysis-card-title,.lab-window.light-window .analysis-card-sub,.lab-window.light-window .overview-stat-label,.lab-window.light-window .chart-card h3,.lab-window.light-window .chart-card h4{color:#1b1f2a!important}.lab-window.light-window .recharts-text,.lab-window.light-window .recharts-cartesian-axis-tick-value,.lab-window.light-window .recharts-polar-angle-axis-tick-value{fill:#1b1f2a!important}.lab-window.light-window .core-scores-card,.lab-window.light-window .core-score-item,.lab-window.light-window .analysis-card.compact{color:#1b1f2a!important}.lab-window.light-window .analysis-card-title,.lab-window.light-window .analysis-card.compact .analysis-card-title,.lab-window.light-window .chart-card .analysis-card-title{color:#1b1f2a!important;-webkit-text-fill-color:#1b1f2a!important}.lab-window.light-window .core-score-name,.lab-window.light-window .score-name{color:#3b4255!important}.lab-window.light-window .age-dot{background:var(--accent-color, #1b1f2a)!important;border-color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .age-marker.actual .age-dot{background:#6b7280!important;border-color:#6b7280!important;opacity:1!important}.lab-window.light-window .age-marker.visual .age-dot{background:var(--accent-color, #1b1f2a)!important;border-color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .age-line{background:#9ca3af!important}.lab-window.light-window .age-track{background:#00000014!important}.lab-window.light-window .age-labels,.lab-window.light-window .age-label{color:#6b7280!important}.lab-window.light-window .age-value{color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .score-row-label,.lab-window.light-window .analysis-score-row .score-row-label{color:#1b1f2a!important;-webkit-text-fill-color:#1b1f2a!important}.lab-window.light-window .score-row-value,.lab-window.light-window .analysis-score-row .score-row-value{color:var(--accent-color, #1b1f2a)!important;-webkit-text-fill-color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .score-row-explanation{color:#4b5563!important}.lab-window.light-window .analysis-score-row.clickable:hover{background:#0000000a}.lab-window.light-window .analysis-score-row.clickable.expanded{background:#0000000f}.lab-window.light-window .expand-arrow-button,.lab-window.light-window .expand-arrow-button svg{color:var(--accent-color, #3b4255)!important}.lab-window.light-window .core-score-value{color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .action-button,.lab-window.light-window .session-action-btn{background:#0000000f;border-color:#00000026;color:#1b1f2a}.lab-window.light-window .action-button:hover,.lab-window.light-window .session-action-btn:hover{background:#0000001a;border-color:var(--accent-color, rgba(0, 0, 0, .25))}.lab-window.light-window .analysis-tabs{border-color:#0000001a}.lab-window.light-window .analysis-tab{color:#5a5f6e;background:#00000008;border-color:#0000001a}.lab-window.light-window .analysis-tab:hover{color:#3b4255;background:#0000000f;border-color:#00000026}.lab-window.light-window .analysis-tab.active{color:var(--accent-color, #1b1f2a)!important;background:#00000014;border-color:var(--accent-color, #1b1f2a)!important;box-shadow:0 0 10px color-mix(in srgb,var(--accent-color, #1b1f2a) 30%,transparent)}.lab-window.light-window .info-icon-button{color:var(--accent-color, #3b4255);border-color:var(--accent-color, rgba(0, 0, 0, .2));background:#0000000d}.lab-window.light-window .info-icon-button:hover{color:var(--accent-color, #1b1f2a);background:#0000001a;border-color:var(--accent-color, rgba(0, 0, 0, .3))}.lab-window.light-window .stat-icon-wrapper{background:transparent}.lab-window.light-window .stat-icon-wrapper svg,.lab-window.light-window .stat-icon{color:var(--accent-color, #3b4255)!important}.lab-window.light-window .skin-score-value,.lab-window.light-window .skin-score-main,.lab-window.light-window .hair-score-value{color:var(--accent-color, #1b1f2a)!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--accent-color, #1b1f2a)!important;background-clip:unset!important}.lab-window.light-window .skin-score-suffix,.lab-window.light-window .skin-score-label{color:#5a5f6e!important}.lab-window.light-window .protocol-name,.lab-window.light-window .protocol-title,.lab-window.light-window .treatment-title,.lab-window.light-window .treatment-name,.lab-window.light-window .program-estimate,.lab-window.light-window .total-cost,.lab-window.light-window .total-estimate,.lab-window.light-window .estimate-value{color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .card-disclaimer,.lab-window.light-window .medical-disclaimer,.lab-window.light-window .disclaimer-text{color:#5a5f6e!important}.lab-window.light-window .medical-disclaimer{background:#ffc10714;border-color:#ffc10740}.lab-window.light-window .overview-main-score,.lab-window.light-window .overall-score,.lab-window.light-window .harmony-score{color:var(--accent-color, #1b1f2a)!important;-webkit-text-fill-color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .score-bar-fill,.lab-window.light-window .ratio-fill,.lab-window.light-window .progress-bar-fill{background:var(--accent-color, #3b4255)!important}.lab-window.light-window .delta-value,.lab-window.light-window .percentage-value,.lab-window.light-window .improvement-value{color:var(--accent-color, #1b1f2a)!important}.lab-window.light-window .skin-carousel-dot,.lab-window.light-window .treatment-carousel-dot{background:#0003}.lab-window.light-window .skin-carousel-dot.active,.lab-window.light-window .treatment-carousel-dot.active{background:var(--accent-color, #1b1f2a)}.lab-window.light-window h1,.lab-window.light-window h2,.lab-window.light-window h3,.lab-window.light-window h4,.lab-window.light-window h5{color:#1b1f2a!important}.lab-window.light-window .expand-icon,.lab-window.light-window .chevron-icon,.lab-window.light-window .arrow-icon{color:var(--accent-color, #3b4255)!important}.lab-window.light-window input,.lab-window.light-window select,.lab-window.light-window textarea{background:#00000008;border-color:#0000001f;color:#1b1f2a}.lab-window.light-window input:focus,.lab-window.light-window select:focus,.lab-window.light-window textarea:focus{border-color:var(--accent-color, rgba(0, 0, 0, .3));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color, #1b1f2a) 15%,transparent)}.lab-window.light-window .lab-content .primary-button,.lab-window.light-window .lab-content .submit-button,.lab-window.light-window .lab-content .cta-button{background:var(--accent-color, #1b1f2a);color:#fff;border-color:var(--accent-color, #1b1f2a)}.lab-window.light-window .lab-content p,.lab-window.light-window .lab-content span,.lab-window.light-window .lab-content li{color:#3b4255}.app.theme-light{color:#1b1f2a;background:#f4f6fb}.app.theme-light .background-image{filter:none}.app.theme-light .lab-window{background:#ffffffd9;border-color:color-mix(in srgb,#ffffff 35%,transparent);box-shadow:0 20px 50px #0000001f,0 0 20px color-mix(in srgb,#ffffff 15%,transparent)}.app.theme-light .terminal-chrome{background:linear-gradient(180deg,#fafafff2,#f5f7fce6);border-bottom-color:#7882a026}.app.theme-light .logo-shape-small{filter:brightness(0) saturate(100%) invert(36%) sepia(60%) saturate(2000%) hue-rotate(250deg) brightness(95%) contrast(95%)}.app.theme-light .logo-text-small{filter:brightness(0) saturate(100%) invert(20%) sepia(10%) saturate(500%) hue-rotate(200deg) brightness(95%)}.app.theme-light .branding-left{border-right-color:#7882a033}.app.theme-light .lab-content{background:#ffffffe6;color:#1b1f2a;border-color:#7882a033}.app.theme-light .dashboard-card,.app.theme-light .settings-card,.app.theme-light .appointments-table,.app.theme-light .auth-card{background:#ffffffe6;border-color:#7882a033;color:#1b1f2a}.app.theme-light .dashboard-card h3,.app.theme-light .dashboard-home-header h2,.app.theme-light .summary-card p,.app.theme-light .analysis-card p,.app.theme-light .patient-info strong,.app.theme-light .patient-info span{color:#1b1f2a}.app.theme-light .terminal-tab{color:#3b4255;background:#0000000d;border-color:#7882a033}.app.theme-light .terminal-tab.active{background:#7882a033;color:#1b1f2a}.app.theme-light .profile-chip{background:#ffffffd9;color:#1b1f2a}.app.theme-light .terminal-footer{background:#fff9;border-top-color:#00000014}.app.theme-light .footer-name{color:#1b1f2a}.app.theme-light .footer-meta,.app.theme-light .footer-version{color:#6b7280}.app.theme-light .auth-form input,.app.theme-light .auth-form select,.app.theme-light .modal-card textarea,.app.theme-light .settings-card select{background:#ffffffe6;color:#1b1f2a;border-color:#7882a04d}.app.theme-light .new-appointment-fab{box-shadow:0 4px 20px color-mix(in srgb,#ffffff 30%,transparent)}.app.theme-light .new-appointment-button,.app.theme-light .primary-button,.app.theme-light .start-analysis-button{color:#1b1f2a;border-color:#7882a066;background:#7882a026}.app.theme-light .appointments-header{background:#ebf0facc;color:#3b4255}.app.theme-light .delete-appointment-button{color:#8b2f2f;border-color:#ff636366}.app.theme-light .settings-card input{background:#ffffffe6;color:#1b1f2a;border-color:#7882a04d}.app.theme-light .analysis-card,.app.theme-light .analysis-tabs{background:transparent}.app.theme-light .analysis-card{background:#fff;border-color:#7882a033}.app.theme-light .analysis-score-label,.app.theme-light .analysis-score-sub,.app.theme-light .analysis-card-title,.app.theme-light .analysis-card-sub,.app.theme-light .analysis-tab{color:#3b4255!important;opacity:1!important}.app.theme-light .overview-card .analysis-card-title,.app.theme-light .harmony-card .analysis-card-title,.app.theme-light .potential-card .analysis-card-title,.app.theme-light .chart-card .analysis-card-title{color:#1b1f2a!important;opacity:1!important}.app.theme-light .overview-card .analysis-card-sub,.app.theme-light .harmony-card .analysis-card-sub,.app.theme-light .potential-card .analysis-card-sub{color:#6b7280!important;opacity:1!important}.app.theme-light .analysis-tab.active{color:#1b1f2a}.app.theme-light .distribution-meta,.app.theme-light .ratio-row,.app.theme-light .changes-grid span{color:#3b4255}.app.theme-light .ratio-track{opacity:.9}.app.theme-light .dashboard-welcome{border:none}.app.theme-light .welcome-text h2{color:inherit}.app.theme-light .welcome-subtitle{color:#ffffffd9}.app.theme-light .stat-card{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff80}.app.theme-light .stat-value,.app.theme-light .stat-value-text,.app.theme-light .stat-card .stat-value,.app.theme-light .overview-stats-column .stat-value,.app.theme-light .business-stats-grid .stat-value{color:var(--accent-color, #1b1f2a)!important}.app.theme-light .stat-label,.app.theme-light .stat-card .stat-label,.app.theme-light .overview-stats-column .stat-label,.app.theme-light .business-stats-grid .stat-label{color:#4b5563!important;opacity:1!important;-webkit-text-fill-color:#4b5563!important}.app.theme-light .dashboard-section-header h3{color:#1b1f2a}.app.theme-light .analysis-card-score,.app.theme-light .analysis-card-score span,.app.theme-light .overview-stat-value,.app.theme-light .overview-card .analysis-card-score,.app.theme-light .harmony-card .analysis-card-score,.app.theme-light .potential-card .analysis-card-score,.app.theme-light .overview-card .analysis-card-score span,.app.theme-light .harmony-card .analysis-card-score span,.app.theme-light .potential-card .analysis-card-score span{color:var(--accent-color, #1b1f2a)!important;opacity:1!important}.app.theme-light .overview-stat-label,.app.theme-light .overview-marketing h4,.app.theme-light .overview-marketing .overview-stats-column span,.app.theme-light .chart-card .analysis-card-title,.app.theme-light .demographics-comparison-container h4,.app.theme-light .demographics-comparison-container span,.app.theme-light .demographics-comparison-container p{color:#1b1f2a!important}.app.theme-light .analysis-card-sub,.app.theme-light .overview-card .analysis-card-sub,.app.theme-light .harmony-card .analysis-card-sub,.app.theme-light .potential-card .analysis-card-sub{color:#6b7280!important}.app.theme-light .business-stats-grid .stat-card,.app.theme-light .business-clients-card,.app.theme-light .business-settings-section{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff80}.app.theme-light .business-stats-grid .stat-value,.app.theme-light .business-clients-card h3,.app.theme-light .business-clients-card span,.app.theme-light .clients-count,.app.theme-light .avg-improvement,.app.theme-light .completed-analyses{color:var(--accent-color, #1b1f2a)!important}.app.theme-light .business-stats-grid .stat-card .stat-label{color:#4b5563!important;opacity:1!important}.app.theme-light .stat-card .stat-value,.app.theme-light .stat-card .stat-icon,.app.theme-light .analysis-score .score-value,.app.theme-light .overview-stat-value,.app.theme-light .overview-stat-icon{color:var(--accent-color, #1b1f2a)!important}.app.theme-light .business-settings-page{color:#1b1f2a!important}.app.theme-light .settings-section{background:#ffffffe6!important;border-color:#7882a033!important;color:#1b1f2a!important}.app.theme-light .settings-section-header h3{color:#1b1f2a!important}.app.theme-light .settings-section-icon{color:var(--accent-color, #1b1f2a)!important}.app.theme-light .settings-label,.app.theme-light .color-picker-label{color:#3b4255!important;opacity:1!important}.app.theme-light .settings-input,.app.theme-light .settings-select,.app.theme-light .settings-textarea{background:#fffffff2!important;color:#1b1f2a!important;border-color:#7882a040!important}.app.theme-light .settings-input::placeholder,.app.theme-light .settings-textarea::placeholder{color:#9ca3af!important;opacity:1!important}.app.theme-light .color-picker-value{color:#3b4255!important;background:#7882a01a!important}.app.theme-light .file-upload-button,.app.theme-light .image-upload-mini{color:#3b4255!important;border-color:#7882a04d!important;background:#fffc!important}.app.theme-light .file-name,.app.theme-light .or-divider{color:#6b7280!important}.app.theme-light .module-toggle-label,.app.theme-light .module-toggle-description{color:#3b4255!important}.app.theme-light .settings-description{color:#6b7280!important}.app.theme-light .appointments-row{background:#fff9;border-color:#7882a033}.app.theme-light .appointments-row:hover{background:#fffc;border-color:#7882a04d}.app.theme-light .appointments-row span{color:#3b4255}.app.theme-light .appointments-row span:nth-child(1){color:#1b1f2a}.app.theme-light .appointments-row span:nth-child(2){color:#5a5f6e}.app.theme-light .empty-state-icon{background:transparent}.app.theme-light .empty-state-text{color:#6b7280}.app.theme-light .empty-state-button{border-color:#7882a033;color:#6b7280}.app.theme-light .empty-state-button:hover{background:color-mix(in srgb,#ffffff 8%,transparent)}.app.theme-light .modal-card{background:#fffffffa;border-color:#7882a033;color:#1b1f2a}.app.theme-light .modal-card h3{color:#1b1f2a}.app.theme-light .modal-card label{color:#3b4255}.app.theme-light .modal-card input,.app.theme-light .modal-card textarea,.app.theme-light .modal-card select{background:#f5f7fce6;border-color:#7882a040;color:#1b1f2a}.app.theme-light .upload-preview,.app.theme-light .upload-placeholder{background:#f5f7fccc;border-color:#7882a033}.app.theme-light .upload-label{color:#6b7280}.app.theme-light .terminal-footer{background:linear-gradient(180deg,#fafafff2,#f5f7fce6);border-top-color:#7882a026}.app.theme-light .footer-avatar{border-color:color-mix(in srgb,#ffffff 30%,transparent);background:color-mix(in srgb,#ffffff 10%,transparent)}.app.theme-light .analysis-header{border:none}.app.theme-light .analysis-header .score-total,.app.theme-light .analysis-header .analysis-score-sub{color:#ffffffbf}.app.theme-light .hair-mini-section{background:#fff9;border-color:#7882a01f}.app.theme-light .mini-section-label{color:#6b7280}.app.theme-light .concern-tag{background:#ffc10726;border-color:#ffc1074d}.app.theme-light .indicator-label{color:#3b4255}.app.theme-light .indicator-detail{color:#6b7280;border-top-color:#7882a01a}.app.theme-light .treatment-chip{background:#fffc}.app.theme-light .chip-name{color:#1b1f2a}.app.theme-light .chip-sessions{color:#6b7280}.app.theme-light .skin-map-carousel-item{background:color-mix(in srgb,#ffffff 6%,transparent);border-color:color-mix(in srgb,#ffffff 15%,transparent)}.app.theme-light .skin-map-carousel-item span{color:#3b4255}.app.theme-light .comparison-bar-track{background:#7882a01a}.app.theme-light ::-webkit-scrollbar-track{background:#7882a01a}.app.theme-light ::-webkit-scrollbar-thumb{background:#7882a04d}.app.theme-light ::-webkit-scrollbar-thumb:hover{background:#7882a080}.app.theme-light .text-primary,.app.theme-light h1,.app.theme-light h2,.app.theme-light h3,.app.theme-light h4{color:#1b1f2a}.app.theme-light .text-secondary{color:#4b5563}.app.theme-light .text-tertiary{color:#6b7280}.app.theme-light .lumina-chat-window{background:#fffffffa;border-color:#7882a033}.app.theme-light .lumina-chat-header{background:linear-gradient(180deg,#fafafff2,#f5f7fce6);border-bottom-color:#7882a026}.app.theme-light .lumina-chat-title span{color:#1b1f2a}.app.theme-light .lumina-chat-messages{background:#f5f7fc80}.app.theme-light .lumina-chat-message.user .lumina-chat-message-content{background:linear-gradient(135deg,#fff,color-mix(in srgb,#ffffff 80%,black));color:#fff}.app.theme-light .lumina-chat-message.assistant .lumina-chat-message-content{background:#ffffffe6;border-color:#7882a026;color:#1b1f2a}.app.theme-light .lumina-chat-input{background:#ffffffe6;border-color:#7882a033;color:#1b1f2a}.app.theme-light .lumina-chat-input::placeholder{color:#9ca3af}.app.theme-light .processing-container{color:#1b1f2a}.app.theme-light .processing-step{color:#6b7280}.app.theme-light .processing-step.completed{color:#059669}.app.theme-light .settings-card{background:#ffffffe6}.app.theme-light .settings-card h3{color:#1b1f2a}.app.theme-light .settings-card label{color:#3b4255}.app.theme-light .signout-button{border:none;color:#6b7280}.app.theme-light .signout-button:hover{background:#ef44441a;border:none;color:#dc2626}.app.theme-light button{color:#3b4255}.app.theme-light .icon-action-button{color:#6b7280;border-color:#7882a040;background:#ffffffe6}.app.theme-light .icon-action-button:hover{background:color-mix(in srgb,#ffffff 10%,transparent);border-color:color-mix(in srgb,#ffffff 30%,transparent)}.app.theme-light .icon-action-button:not(.danger):not(:disabled){background:#ffffffe6;border-color:color-mix(in srgb,#ffffff 30%,transparent)}.app.theme-light .icon-action-button:not(.danger):not(:disabled):hover{background:color-mix(in srgb,#ffffff 15%,transparent)}.app.theme-light .icon-action-button.danger{background:#ffffffe6;border-color:#7882a040;color:#6b7280}.app.theme-light .icon-action-button.danger:hover{background:#7882a01a}.app.theme-light .ghost-button{color:#6b7280;border-color:#7882a033}.app.theme-light .ghost-button:hover{background:color-mix(in srgb,#ffffff 8%,transparent)}.app.theme-light .analysis-ui{color:#1b1f2a}.app.theme-light .analysis-score{background:transparent;border-color:transparent}.app.theme-light .analysis-header .score-sub{color:#ffffffbf}.app.theme-light .analysis-tabs{background:#f5f7fccc;border-color:#7882a01f}.app.theme-light .analysis-tab{color:#6b7280;background:transparent}.app.theme-light .analysis-tab:hover{color:#3b4255;background:#7882a01a}.app.theme-light .analysis-tab.active{background:color-mix(in srgb,#ffffff 10%,transparent);border-color:color-mix(in srgb,#ffffff 30%,transparent)}.app.theme-light .analysis-card p,.app.theme-light .analysis-card span,.app.theme-light .analysis-card div{color:#3b4255}.app.theme-light .score-row{background:#fff9;border-color:#7882a01a}.app.theme-light .score-row:hover{background:color-mix(in srgb,#ffffff 5%,transparent)}.app.theme-light .score-row-label,.app.theme-light .score-row .score-row-label{color:#1b1f2a!important;opacity:1!important}.app.theme-light .score-row-value,.app.theme-light .score-row .score-row-value{color:var(--accent-color, #1b1f2a)!important;opacity:1!important}.app.theme-light .score-row-explanation{color:#6b7280;border-top-color:#7882a01a}.app.theme-light .ailab-ratio-table{color:#3b4255}.app.theme-light .ailab-ratio-row{border-bottom-color:#7882a01a}.app.theme-light .ailab-ratio-row.header{color:#6b7280;border-bottom-color:#7882a026}.app.theme-light .ratio-bar-track{background:#7882a026}.app.theme-light .treatment-card{background:#ffffffe6;border-color:#7882a026}.app.theme-light .treatment-card h4{color:#1b1f2a}.app.theme-light .treatment-card p{color:#4b5563}.app.theme-light .treatment-priority{color:#6b7280}.app.theme-light .image-card,.app.theme-light .hair-image-card{background:#ffffffe6;border-color:#7882a026}.app.theme-light table{color:#3b4255}.app.theme-light th{color:#1b1f2a;border-bottom-color:#7882a033}.app.theme-light td{color:#3b4255;border-bottom-color:#7882a01a}.app.theme-light .hair-metrics-table th{background:color-mix(in srgb,#ffffff 6%,transparent);color:#3b4255}.app.theme-light .hair-metrics-table td{border-bottom-color:#7882a014}.app.theme-light .expand-icon,.app.theme-light .collapse-icon,.app.theme-light .chevron-icon{color:#6b7280}.app.theme-light svg{color:inherit}.app.theme-light .info-popup{background:#fff;border-color:color-mix(in srgb,#ffffff 30%,#e0e0e0);color:#1f2937;box-shadow:0 25px 60px #00000026}.app.theme-light .info-popup-header{border-bottom-color:#0000001a}.app.theme-light .info-popup-header h3{color:#1f2937}.app.theme-light .info-popup-close{color:#6b7280}.app.theme-light .info-popup-close:hover{background:#0000000d;color:#1f2937}.app.theme-light .info-popup-content{color:#374151}.app.theme-light .info-popup-content h4{color:#fff}.app.theme-light .info-popup-content p{color:#4b5563}.app.theme-light .info-popup-content li{color:#6b7280}.app.theme-light .info-popup-footer-text{border-top-color:#0000001a;color:#9ca3af}.app.theme-light .ratio-modal,.app.theme-light .modal-card{background:#fffffffa;border-color:#7882a033}.app.theme-light .ratio-modal-header h3{color:#1b1f2a}.app.theme-light .ratio-modal-close{color:#6b7280}.app.theme-light .ratio-modal-close:hover{color:#1b1f2a;background:#7882a01a}.app.theme-light .image-lightbox-overlay{background:#fffffff2}.app.theme-light .lightbox-close{background:#0000001a;color:#3b4255}.app.theme-light .hair-score-card{background:#ffffffe6}.app.theme-light .hair-score-main{color:var(--accent-color, #1b1f2a)!important}.app.theme-light .hair-score-label{color:#6b7280}.app.theme-light .hair-projection-compact{border-top-color:#7882a01a}.app.theme-light .projection-label-sm{color:#9ca3af}.app.theme-light .projection-gain-sm{color:#6b7280}.app.theme-light .hair-microscopic-avatar{border-color:color-mix(in srgb,#ffffff 40%,transparent);box-shadow:0 4px 16px #0000001a}.app.theme-light .hair-overview-avatar{border-color:#00b46e80;box-shadow:0 4px 16px #0000001a}.app.theme-light .hair-overview-avatar .avatar-label,.app.theme-light .hair-microscopic-avatar .avatar-label{color:#6b7280}.app.theme-light .indicator-row.expandable:hover{background:color-mix(in srgb,#ffffff 6%,transparent)}.app.theme-light .indicator-row.expanded{background:#a855f70a}.app.theme-light .indicator-arrow{color:#9ca3af}.app.theme-light .treatment-list{color:#3b4255}.app.theme-light .treatment-item{background:#fffffff2;border-color:#7882a026}.app.theme-light .treatment-item:hover{background:color-mix(in srgb,#ffffff 5%,transparent)}.app.theme-light .treatment-name,.app.theme-light .treatment-header{color:#1b1f2a}.app.theme-light .treatment-description,.app.theme-light .treatment-rationale{color:#4b5563}.app.theme-light .treatment-sessions{color:#6b7280}.app.theme-light .treatment-image-container{background:#f5f7fccc;border-color:#7882a026}.app.theme-light .priority-badge{background:color-mix(in srgb,#ffffff 10%,transparent)}.app.theme-light .priority-badge.high{background:#ef44441a;color:#dc2626}.app.theme-light .priority-badge.medium{background:#f59e0b1a;color:#d97706}.app.theme-light .priority-badge.low{background:#22c55e1a;color:#16a34a}.app.theme-light .comparison-table th,.app.theme-light .historical-table th{color:#4b5563;border-bottom-color:#7882a033}.app.theme-light .comparison-table td,.app.theme-light .historical-table td{color:#3b4255;border-bottom-color:#7882a01a}.app.theme-light .historical-table .view-column{background:#fffffff2}.app.theme-light .historical-table .date-header{color:#1b1f2a}.app.theme-light .historical-table .date-label{color:#4b5563}.app.theme-light .historical-image{border-color:#7882a033}.app.theme-light .historical-image:hover{border-color:color-mix(in srgb,#ffffff 40%,transparent)}.app.theme-light .before-after-section,.app.theme-light .protocol-section{background:#ffffffe6;border-color:#7882a026}.app.theme-light .before-after-item{background:#fffffff2;border-color:#7882a01f}.app.theme-light .before-after-label{color:#4b5563}.app.theme-light .before-after-container{background:#f3f4f6;box-shadow:0 4px 16px #0000001a}.app.theme-light .slider-line{background:#1b1f2a}.app.theme-light .slider-handle{border-color:#1b1f2a}.app.theme-light .before-after-dates{color:#6b7280}.app.theme-light .distribution-bar{background:#7882a026}.app.theme-light .distribution-label{color:#3b4255}.app.theme-light .distribution-value{color:var(--accent-color, #1b1f2a)!important}.app.theme-light .age-track{background:#7882a026;border-color:#7882a033}.app.theme-light .age-marker.actual .age-dot{background:#3b4255;border-color:#3b4255}.app.theme-light .age-labels{color:#6b7280}.app.theme-light .age-tag{color:#3b4255;background:#7882a01a;border-color:#7882a033}.app.theme-light .age-tag.actual{background:#3b42551f;border-color:#3b425540;color:#3b4255}.app.theme-light .age-tag.visual{background:color-mix(in srgb,#ffffff 12%,transparent);border-color:color-mix(in srgb,#ffffff 25%,transparent)}.placeholder{padding:1rem;border-radius:10px;background:color-mix(in srgb,#ffffff 10%,transparent);text-align:center;border:1px solid color-mix(in srgb,#ffffff 20%,transparent)}.processing-progress{margin:2rem auto 0;width:min(520px,90vw);display:flex;flex-direction:column;gap:.75rem;align-items:center}.progress-timer{font-size:.95rem;letter-spacing:2px;text-transform:uppercase;color:inherit;font-weight:600}.step-progress{position:relative;width:100%;padding:0 10px;margin-bottom:1rem}.step-progress-track{position:absolute;top:10px;left:35px;right:35px;height:2px;background:#4a4a4a;border-radius:2px;z-index:0}.step-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#fff,color-mix(in srgb,#ffffff 70%,white));border-radius:4px;transition:width .5s ease}.step-bubbles{position:relative;display:flex;justify-content:space-between;z-index:1;padding:0 10px}.step-bubble{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.65rem;transition:all .3s ease;border:none;flex-shrink:0}.step-bubble.completed{background:linear-gradient(135deg,#fff,color-mix(in srgb,#ffffff 70%,white));color:#fff;border:none;box-shadow:0 0 8px #fff6;position:relative;animation:bubble-complete .4s ease-out}@keyframes bubble-complete{0%{transform:scale(.6);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.step-ring{display:none}.step-bubble.completed .step-check{width:10px;height:10px;position:relative;z-index:1;animation:checkmark-draw .25s ease-out .15s both}@keyframes checkmark-draw{0%{stroke-dasharray:20;stroke-dashoffset:20;opacity:0}to{stroke-dasharray:20;stroke-dashoffset:0;opacity:1}}.step-bubble.completed:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:transparent;border:1px solid color-mix(in srgb,#ffffff 60%,transparent);animation:bubble-pop .4s ease-out forwards;pointer-events:none}@keyframes bubble-pop{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}.step-bubble.active{background:linear-gradient(135deg,#fff,color-mix(in srgb,#ffffff 70%,white));color:#fff;border:none;box-shadow:0 0 10px #a855f780;animation:pulse-bubble 1.5s ease-in-out infinite}.step-bubble.pending{background:color-mix(in srgb,#ffffff 15%,#4a4a4a);color:color-mix(in srgb,#ffffff 40%,rgba(255,255,255,.5));border:none}.step-labels{display:flex;justify-content:space-between;margin-top:.35rem;padding:0 10px}.step-label{font-size:.5rem;color:color-mix(in srgb,#ffffff 30%,rgba(255,255,255,.4));text-align:center;width:55px;text-transform:uppercase;letter-spacing:.1px;transition:color .3s ease;margin:0 -17.5px}.step-label:first-child{margin-left:0}.step-label:last-child{margin-right:0}.step-label.active{color:color-mix(in srgb,#ffffff 95%,white);font-weight:500}@keyframes pulse-bubble{0%,to{box-shadow:0 0 8px #a855f780;transform:scale(1)}50%{box-shadow:0 0 12px #a855f7b3;transform:scale(1.1)}}.progress-bar{position:relative;width:100%;height:14px;border-radius:999px;background:#ffffff14;border:1px solid var(--border-subtle);overflow:hidden;box-shadow:inset 0 0 14px #0ff3}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);animation:progress-scan 1.6s linear infinite}.progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,#ffffff 80%,black),var(--accent-primary));box-shadow:0 0 8px var(--glow-medium);transition:width .3s ease}@keyframes progress-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.processing-text:before,.processing-text:after{display:none;content:"";position:absolute;inset:-14px -22px;border-radius:999px;border:1px solid color-mix(in srgb,#ffffff 35%,transparent);box-shadow:0 0 18px var(--glow-soft),inset 0 0 12px var(--glow-soft);opacity:0;animation:processing-halo 2.2s ease-in-out infinite}.processing-text:after{inset:-28px -38px;border:1px solid rgba(255,255,255,.15);filter:blur(6px);animation-delay:.6s}@keyframes processing-flare{0%,to{transform:translateY(0) scale(1);letter-spacing:.5px}45%{transform:translateY(-2px) scale(1.02);letter-spacing:2px}}@keyframes processing-halo{0%,to{opacity:.25;transform:scale(.95)}50%{opacity:.75;transform:scale(1.05)}}.results-container{display:flex;flex-direction:column;gap:2rem}.annotated-images-section{margin-bottom:2rem;border-top:1px solid var(--border-subtle);padding-top:2rem}.annotated-images-section h3{display:none}.annotated-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.annotated-image-item{display:flex;flex-direction:column;gap:.75rem}.annotated-image-item label{font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:inherit;opacity:.7;text-align:center;font-family:inherit;margin-bottom:.75rem}.annotated-image{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border-default);border-radius:8px}.measurements-section{margin-bottom:2rem;border-top:1px solid var(--border-subtle);padding-top:2rem}.measurements-section h3{display:none}.measurements-content{display:flex;flex-direction:column;gap:2rem}.measurement-group{border-bottom:1px solid var(--border-subtle);padding-bottom:1.5rem}.measurement-group h4{font-size:1.125rem;font-weight:600;letter-spacing:.5px;text-transform:none;margin-bottom:1rem;color:inherit;opacity:.7;font-family:inherit}.measurement-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.measurement-item{display:flex;justify-content:space-between;padding:.875rem 1rem;border:1px solid var(--border-subtle);font-size:.875rem;font-weight:400;font-family:inherit;background:#ffffff0d;border-radius:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.measurement-key{color:#b8a8d8;text-transform:none;font-weight:400}.measurement-value{color:inherit;font-weight:600}.result-section{border-top:1px solid var(--border-subtle);padding-top:2rem;margin-top:2rem}.result-section h3{display:block;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.result-section h4{font-size:1.2rem;color:inherit;margin-top:1.5rem;margin-bottom:.5rem;font-weight:600}.result-content{font-size:1rem;line-height:1.8;color:inherit;white-space:pre-wrap;letter-spacing:.3px}.scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.score-item{background:#ffffff0d;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.5rem}.score-label{font-size:.9rem}.score-value{font-size:1.5rem;font-weight:700}.treatments-list{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.treatment-item{background:#ffffff0d;padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.treatment-detail{margin:.75rem 0;color:#ffffffd9;line-height:1.6}.treatment-detail strong{font-weight:600}.treatment-item h4,.treatment-item h5{margin-bottom:.5rem}.treatment-item p,.treatment-item li,.treatment-item .markdown-content{color:#ffffffd9}.treatment-visualization{margin-top:1rem;border-radius:8px;overflow:hidden}.treatment-image{width:120px;max-width:100%;height:auto;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.composite-description{color:inherit;opacity:.7;font-size:1rem;margin-bottom:1.5rem;text-align:center}.composite-image-container{display:flex;justify-content:center;align-items:center;margin:2rem 0;padding:1.5rem;background:#1a1a2e66;border-radius:12px;border:2px solid rgba(160,196,255,.3)}.composite-image{width:100%;max-width:800px;height:auto;border-radius:8px;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.2)}.new-analysis-button{margin-top:2rem;align-self:flex-start}.page-placeholder{text-align:center;padding:4rem 2rem}.page-placeholder h2{font-size:1.75rem;font-weight:600;letter-spacing:.5px;text-transform:none;margin-bottom:1rem;color:inherit;font-family:inherit}.page-placeholder p{font-size:1rem;color:inherit;opacity:.7;font-weight:400;font-family:inherit}@media(min-width:769px)and (max-width:1600px){.background-image{display:block!important;opacity:1!important;visibility:visible!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important;z-index:0!important}.background-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.terminal-window,.glass-terminal{display:none!important}.app{flex-direction:column!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;max-width:100vw!important;overflow:hidden!important;background:linear-gradient(135deg,#1a1625,#2d1f3d,#1a1625)!important;position:fixed!important;inset:0!important}.lab-window,.lab-window-floating{position:relative!important;transform:none!important;left:0!important;top:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;border:none!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}.main-content{flex:1!important;padding:0!important;width:100%!important;height:100%!important;max-width:100%!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important}.lab-content-wrapper{flex:1!important;overflow:hidden!important}.lab-window .lab-content{height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-top:1rem!important;padding-left:1.25rem!important;padding-right:1.25rem!important;border-radius:0!important;border:none!important}.sidebar{width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;border-right:none!important;border-bottom:1px solid var(--content-border-color)!important;position:relative!important;z-index:100!important;flex-direction:column!important;display:flex!important;padding:0!important;background:var(--window-bg-color, inherit)!important;flex-shrink:0!important}.logo-container{width:100%!important;padding:.75rem 1rem!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;height:auto!important;min-height:auto!important;gap:.5rem!important;border-bottom:none!important}.logo-horizontal{height:32px!important;max-width:160px!important}.nav-items,.nav-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:.25rem!important;width:100%!important;padding:0 .75rem .75rem!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.nav-button,.nav-item{flex:0 0 auto!important;padding:.5rem 1rem!important;font-size:.85rem!important;min-height:40px!important;border-radius:8px!important;white-space:nowrap!important}.lab-window-header{flex-shrink:0!important;display:none!important}.analysis-tabs{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:.5rem!important;padding:.5rem!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important}.analysis-tab{flex:0 0 auto!important;padding:.5rem 1rem!important;white-space:nowrap!important;min-height:40px!important;border-radius:8px!important}.dashboard-grid,.stats-grid,.settings-grid,.hair-grid,.analysis-grid,.upload-grid,.processing-images,.annotated-images-grid,.hair-main-layout{grid-template-columns:1fr!important;gap:1rem!important}.hair-main-layout{display:flex!important;flex-direction:column!important}.before-after-grid{grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}.before-after-item{padding:.5rem!important}.before-after-container{min-height:200px!important;max-height:280px!important}.info-icon-button{border:none!important;background:#ffffff1a!important;box-shadow:none!important}.onboarding-card.glass{backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;background:#ffffff14!important;transition:transform .2s ease-out!important}.onboarding-card.glass.expanded{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.card-auth-form{gap:12px!important}.card-input input,.card-input select{font-size:16px!important;min-height:48px!important;-webkit-appearance:none!important;appearance:none!important;touch-action:manipulation!important}.card-input input:focus,.card-input select:focus{outline:none!important;transform:none!important;animation:none!important}.btn-primary.card-submit{min-height:52px!important;font-size:16px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.user-info,.sidebar-footer{position:relative!important;width:100%!important;padding:.75rem 1rem!important;border-top:1px solid var(--content-border-color)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-shrink:0!important;background:var(--window-bg-color, inherit)!important}.lumina-chat-window{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;height:100dvh!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;z-index:2000!important;display:flex!important;flex-direction:column!important}.lumina-chat-messages{padding:1rem!important;-webkit-overflow-scrolling:touch!important;flex:1!important;min-height:0!important}.lumina-chat-input{font-size:16px!important}.modal-overlay{padding:0!important}.modal-content{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;border-radius:0!important;margin:0!important}.metrics-carousel-container{height:auto!important;min-height:350px!important}.carousel-card{width:240px!important;height:350px!important}.skin-maps-carousel-container{height:auto!important;min-height:380px!important;margin-bottom:3rem!important}.skin-map-carousel-item{width:220px!important;height:280px!important;margin-left:-110px!important;margin-top:-140px!important}.skin-map-carousel-item img{height:180px!important}.treatment-carousel-container{height:auto!important;min-height:300px!important}.primary-button,.secondary-button,.action-button{min-height:44px!important;padding:.75rem 1.25rem!important;font-size:1rem!important;-webkit-tap-highlight-color:transparent!important}.input-field,.select-field,.textarea-field{font-size:16px!important;min-height:44px!important;-webkit-appearance:none!important}*{-webkit-tap-highlight-color:transparent!important}.welcome-card{padding:1rem!important}.stats-row{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:.5rem!important;-webkit-overflow-scrolling:touch!important}.stat-card{flex:0 0 auto!important;min-width:130px!important}.sessions-table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.sidebar-collapse-btn{display:none!important}}@supports (-webkit-touch-callout: none){@media(hover:none)and (pointer:coarse){.app{flex-direction:column!important;width:100vw!important;max-width:100vw!important}.lab-window,.lab-window-floating{position:relative!important;transform:none!important;left:0!important;top:0!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;border:none!important}.terminal-window,.glass-terminal{display:none!important}.hair-main-layout{display:flex!important;flex-direction:column!important}}}@media(max-width:1024px){.sidebar{width:240px}.upload-grid,.processing-images,.annotated-images-grid{grid-template-columns:1fr}.main-content{padding:2rem 1.5rem}}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}.app{flex-direction:column;min-height:100vh;min-height:-webkit-fill-available}.sidebar{width:100%;border-right:none;border-bottom:2px solid #ffffff;position:sticky;top:0;z-index:100;background:var(--window-bg-color, inherit);height:auto}.logo-container{padding:1rem;gap:.75rem;height:auto;min-height:auto;flex-direction:row;justify-content:center}.logo-horizontal{height:38px;max-width:220px;filter:none}.main-content{padding:1rem}.terminal-window{height:calc(100vh - 8rem);border-radius:4px}.terminal-content{padding:1.5rem}.nav-menu{flex-direction:row;overflow-x:auto;padding:.5rem;gap:.25rem;-webkit-overflow-scrolling:touch}.nav-item{padding:.75rem 1rem;font-size:.875rem;white-space:nowrap;min-width:fit-content}.main-content{padding:1rem;width:100%;max-width:100%;box-sizing:border-box;align-items:flex-start}.terminal-window{height:auto;min-height:calc(100vh - 6rem)}.form-container,.upload-container,.processing-container,.results-container{padding:1.5rem 1rem;width:100%;max-width:100%;box-sizing:border-box}.form-container h2,.upload-container h2,.processing-container h2,.results-container h2{font-size:1.5rem;margin-bottom:1.5rem}.upload-grid{grid-template-columns:1fr;gap:1.5rem}.processing-images{grid-template-columns:1fr;gap:1rem}.annotated-images-grid,.measurement-list{grid-template-columns:1fr}.upload-actions{flex-direction:column;gap:1rem}.upload-actions button{width:100%;padding:1.25rem;font-size:1rem}.submit-button,.analyze-button,.new-analysis-button,.back-button{width:100%;padding:1.25rem;font-size:1rem;touch-action:manipulation}.result-content{font-size:.95rem;line-height:1.7}.result-section h3{font-size:1.25rem}.image-lightbox{padding:0!important}.image-lightbox-inner{padding:56px 12px!important;width:fit-content!important;height:fit-content!important;max-width:100%!important;max-height:100%!important}.image-lightbox-inner img{max-width:96vw!important;max-height:calc(100vh - 120px)!important;width:auto!important;height:auto!important;object-fit:contain!important}.image-lightbox-nav{width:48px!important;height:48px!important;font-size:1.4rem!important}.image-lightbox-nav.prev{left:8px!important}.image-lightbox-nav.next{right:8px!important}.image-lightbox-controls{position:fixed!important;top:1rem!important;right:1rem!important;z-index:1001!important;background:#0009!important;padding:.5rem!important;border-radius:10px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.image-lightbox-close,.image-lightbox-toggle,.image-lightbox-zoom-button{min-width:44px!important;min-height:44px!important;padding:.5rem!important;font-size:1rem!important}.skin-carousel-nav{width:24px!important;height:24px!important;font-size:.65rem!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important;color:#ffffff80!important;background:#140a28cc!important;border:1px solid rgba(255,255,255,.4)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 2px 8px #0000004d!important}.skin-carousel-prev{left:.5rem!important}.skin-carousel-next{right:.5rem!important}.skin-carousel-dots{bottom:-1.25rem!important;gap:5px!important;padding:0!important}.skin-carousel-dot{width:5px!important;height:5px!important;min-width:5px!important;border-radius:50%!important}.treatment-carousel-container{height:260px!important;min-height:260px!important;margin-bottom:4rem!important;overflow:visible!important}.treatment-carousel-container.treatment-carousel-large{height:320px!important;min-height:320px!important}.treatment-carousel-item{width:160px!important;height:200px!important;margin-left:-80px!important;margin-top:-100px!important}.treatment-carousel-item.treatment-carousel-item-large{width:220px!important;height:280px!important;margin-left:-110px!important;margin-top:-140px!important}.treatment-carousel-item img{height:120px!important}.treatment-carousel-item.treatment-carousel-item-large img{height:160px!important}.skin-maps-carousel-container{height:320px!important;min-height:320px!important;margin-bottom:3rem!important;overflow:visible!important;perspective:800px!important}.skin-map-carousel-item{width:260px!important;height:320px!important;margin-left:-130px!important;margin-top:-160px!important}.skin-map-carousel-item img{height:240px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}.skin-map-carousel-item.active{transform:rotateY(0) translateZ(120px) scale(1)!important}.skin-maps-carousel-container{height:380px!important}.treatment-modal-overlay{padding:.5rem!important}.treatment-modal-main-image{max-width:95vw!important;max-height:70vh!important;object-fit:contain!important}.treatment-modal-expand-btn{bottom:10px!important;left:10px!important;padding:.5rem .75rem!important;font-size:.75rem!important}.treatment-modal-close-btn{top:10px!important;right:10px!important;width:44px!important;height:44px!important;font-size:1.2rem!important}.skin-map-fullscreen-overlay{padding:5rem 1rem 2rem!important;overflow-y:auto!important}.skin-map-fullscreen-content{max-height:none!important;margin-top:auto!important;margin-bottom:auto!important}.skin-map-fullscreen-image{max-width:95%!important;max-height:55vh!important;object-fit:contain!important;margin:0 auto!important}.skin-map-fullscreen-close{position:fixed!important;top:1rem!important;right:1rem!important;z-index:10001!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:#000c!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;color:#fff!important;cursor:pointer!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.skin-map-fullscreen-analysis{position:relative!important;max-height:30vh!important;overflow-y:auto!important;padding:.75rem 1rem!important;margin-top:1rem!important}}.pdf-viewer-section{margin:2rem 0}.pdf-viewer-section h3{margin-bottom:1rem;font-size:1.5rem}.pdf-book-shelf{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#05081480;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 20px 40px #00000059}.pdf-book-stack{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pdf-book{position:relative;width:220px;height:300px;border:none;background:transparent;cursor:pointer;perspective:1200px}.pdf-book-cover{position:absolute;inset:0;background:linear-gradient(145deg,#0f1632f2,#080c1cf2);border-radius:10px;transform:rotateY(-12deg);transform-origin:left center;box-shadow:8px 12px 20px #00000073,inset 0 0 0 1px #ffffff26;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;color:inherit;transition:transform .4s ease,box-shadow .4s ease}.pdf-book-spine{position:absolute;left:0;top:6px;width:16px;height:calc(100% - 12px);background:linear-gradient(180deg,color-mix(in srgb,#ffffff 60%,transparent),color-mix(in srgb,#ffffff 90%,black));border-radius:8px 0 0 8px;box-shadow:inset -1px 0 0 var(--content-border-color, rgba(0, 0, 0, .1));transform:translate(-6px)}.pdf-book-logo{width:150px;height:46px;background-image:url(/lumina-labs-logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;filter:none;opacity:.95}.pdf-book-title{font-size:1rem;letter-spacing:2px;font-weight:600;text-transform:uppercase}.pdf-book-subtitle{font-size:.75rem;letter-spacing:1px;color:#e7e9ffcc}.pdf-book:hover .pdf-book-cover{transform:rotateY(-2deg) translateY(-4px);box-shadow:12px 18px 30px #00000080,inset 0 0 0 1px #fff3}.pdf-book-caption{font-size:.85rem;color:#ffffffb3}.pdf-overlay{position:fixed;inset:0;background:#02040cbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:0}.pdf-overlay-content{width:100vw;height:100vh;background:var(--window-bg-color, inherit);border-radius:16px;box-shadow:0 30px 60px #00000040;border:1px solid var(--content-border-color, rgba(0, 0, 0, .1));display:flex;flex-direction:column;overflow:hidden}.pdf-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(180deg,#141e3cd9,#0a1022d9);border-bottom:1px solid rgba(255,255,255,.08)}.pdf-overlay-title{font-size:1rem;color:inherit;letter-spacing:1px;text-transform:uppercase}.pdf-overlay-actions{display:flex;gap:.75rem}.close-pdf-button{padding:8px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:transparent;cursor:pointer;font-size:.85rem}.pdf-iframe-expanded{width:100%;height:100%;border:none;background:#fff}.book-overlay{padding:0}.pdf-book-expanded{display:grid;grid-template-columns:1fr 1.2fr;gap:0;width:100%;height:calc(100% - 64px);background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 50%);perspective:1600px}.pdf-book-page{height:100%;position:relative;overflow:hidden}.pdf-book-left{background:var(--bg-surface);color:inherit;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;transform:rotateY(6deg);transform-origin:right center;border-right:1px solid rgba(255,255,255,.1)}.pdf-book-right{background:#fff;transform:rotateY(-2deg);transform-origin:left center;box-shadow:inset 8px 0 20px #0003}.pdf-book-brand{display:flex;align-items:center;gap:1rem}.pdf-book-logo-shape{width:150px;height:46px;background-image:url(/lumina-labs-logo.png);background-size:contain;background-repeat:no-repeat;background-position:left center;filter:none}.pdf-book-logo-text{width:150px;height:46px;background-image:url(/lumina-labs-logo.png);background-size:contain;background-repeat:no-repeat;background-position:left center;filter:none}.pdf-book-tagline{font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;color:#e7ebffcc}.pdf-book-divider{height:1px;background:#fff3;width:100%}.pdf-book-bgh{width:200px;height:52px;background-image:url(/lumina-labs-logo.png);background-size:contain;background-repeat:no-repeat;background-position:left center;filter:none;opacity:.9}.pdf-book-note{font-size:.9rem;color:#e7ebffb3;letter-spacing:.5px}.pdf-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;color:inherit;text-align:center;padding:2rem;background:var(--window-bg-color, inherit)}.pdf-fallback p{margin:0;font-size:.95rem;color:inherit;opacity:.8}.analysis-skin{padding:.5rem}.skin-analysis-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}.skin-right-column{display:flex;flex-direction:column;gap:1.5rem}.skin-metrics-grid{max-height:calc(100vh - 200px);overflow-y:auto;padding-right:.5rem}@media(max-width:900px){.skin-analysis-layout{grid-template-columns:1fr}}.skin-overview-card{background:linear-gradient(135deg,color-mix(in srgb,#ffffff 8%,transparent),color-mix(in srgb,#ffffff 5%,transparent));border-radius:16px;padding:1.5rem;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);position:sticky;top:1rem}.skin-score-hero{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1.5rem;background:transparent;border-radius:12px;margin-bottom:1rem}.skin-score-main{display:flex;align-items:baseline;gap:.25rem}.skin-score-value{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#fff,color-mix(in srgb,#ffffff 80%,black));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.skin-score-suffix{font-size:1.25rem;font-weight:400;color:inherit;opacity:.5}.skin-score-label{font-size:.75rem;color:inherit;opacity:.5;margin-top:.5rem;text-transform:uppercase;letter-spacing:.1em}.skin-age-info{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:color-mix(in srgb,#ffffff 10%,transparent);border-radius:10px;margin:1rem 0;border:1px solid color-mix(in srgb,#ffffff 15%,transparent)}.skin-age-label{font-size:.8rem;color:inherit;opacity:.7}.skin-age-value{font-size:.9rem;font-weight:600}.skin-summary{font-size:.85rem;color:inherit;opacity:.7;line-height:1.6;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.skin-analysis-paragraph{font-size:.9rem;color:inherit;opacity:.85;line-height:1.7;margin-top:1rem;padding:1rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.skin-analysis-paragraph p{margin:0 0 .75rem}.skin-analysis-paragraph p:last-child{margin-bottom:0}.skin-metrics-table-container{background:#ffffff05;border-radius:14px;padding:1.25rem;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);overflow-x:auto}.skin-metrics-table{width:100%;border-collapse:collapse}.skin-metrics-table thead{border-bottom:1px solid rgba(255,255,255,.1)}.skin-metrics-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:inherit;opacity:.5;font-weight:600}.skin-metrics-table th:first-child{width:40%}.skin-metrics-table th:nth-child(2){width:25%;text-align:right}.skin-metrics-table th:nth-child(3){width:35%;text-align:right}.skin-metrics-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.skin-metrics-table tbody tr:hover{background:color-mix(in srgb,#ffffff 5%,transparent)}.skin-metrics-table tbody tr:last-child{border-bottom:none}.skin-metrics-table td{padding:.875rem 1rem;font-size:.9rem}.skin-metric-name{color:inherit;font-weight:500}.skin-metric-score-cell{font-weight:700;text-align:right;font-size:1.1rem}.skin-metric-status{color:inherit;opacity:.7;text-align:right;font-size:.85rem}.skin-metric-count{color:var(--accent-warning);font-size:.75rem;margin-left:.5rem}.skin-metrics-grid{display:flex;flex-direction:column;gap:.5rem}.skin-metric-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;background:#ffffff08;border-radius:10px;padding:.875rem 1.25rem;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);transition:all .2s ease}.skin-metric-card:hover{border-color:color-mix(in srgb,#ffffff 30%,transparent);background:color-mix(in srgb,#ffffff 5%,transparent)}.skin-metric-title{font-size:.9rem;color:inherit;font-weight:500;margin:0}.skin-metric-score{font-size:1.1rem;font-weight:700;margin:0;min-width:70px;text-align:right}.skin-metric-value{font-size:.85rem;color:inherit;opacity:.7;font-weight:400;text-align:right;min-width:80px}.skin-metric-count{font-size:.75rem;color:var(--accent-warning);margin-left:auto}.skin-metric-desc{display:none}.skin-maps-card{background:#ffffff05;border-radius:14px;padding:1.25rem;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);margin-top:1rem}.skin-maps-carousel-container{position:relative;width:100%;height:400px;min-height:400px;margin-top:1rem;margin-bottom:5rem;perspective:1500px;display:flex;align-items:center;justify-content:center;padding:1rem 0;overflow:visible}.skin-maps-carousel{position:relative;width:100%;height:100%;transform-style:preserve-3d}.skin-maps-carousel-track{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,.46,.45,.94);will-change:transform}.skin-map-carousel-item{position:absolute;width:260px;height:320px;left:50%;top:50%;margin-left:-130px;margin-top:-160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:color-mix(in srgb,#ffffff 8%,transparent);border-radius:14px;border:2px solid color-mix(in srgb,#ffffff 20%,transparent);cursor:pointer;transform-style:preserve-3d;backface-visibility:hidden;opacity:.5;transform-origin:center center;transition:opacity .4s ease,border-color .4s ease,box-shadow .4s ease;will-change:transform,opacity}.skin-map-carousel-item.active{opacity:1;border-color:#fff;box-shadow:0 6px 24px color-mix(in srgb,#ffffff 40%,transparent);z-index:10;pointer-events:auto}.skin-map-carousel-item:not(.active){pointer-events:auto;cursor:pointer;z-index:5}.skin-map-carousel-item:not(.active):hover{opacity:.85;border-color:#a855f780;box-shadow:0 4px 16px color-mix(in srgb,#ffffff 30%,transparent);transform-origin:center center}.skin-map-carousel-item.active:hover{box-shadow:0 8px 28px #a855f780}.skin-map-carousel-item img{width:100%;height:220px;object-fit:contain;border-radius:10px;background:#0006;transition:all .3s ease}.skin-map-carousel-item.active img{filter:brightness(1.1)}.skin-map-carousel-item span{font-size:.8rem;font-weight:600;color:#ffffffe6;text-align:center;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;padding:.25rem 0}.skin-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:20;font-size:.75rem;color:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skin-carousel-nav:hover{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6;transform:translateY(-50%)}.skin-carousel-nav:active{transform:translateY(-50%) scale(.95)}.skin-carousel-prev{left:.75rem}.skin-carousel-next{right:.75rem}.skin-carousel-dots,.treatment-carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:100;padding:0;background:transparent}.skin-carousel-dot,.treatment-carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .2s ease;padding:0;-webkit-tap-highlight-color:transparent}.skin-carousel-dot.active,.treatment-carousel-dot.active{background:#fff;transform:scale(1.2);box-shadow:0 0 8px #fff9}.skin-carousel-dot.active{background:#fff;width:6px;height:6px}.treatment-carousel-card{min-height:520px}.treatment-carousel-container{position:relative;width:100%;height:300px;min-height:300px;margin-top:1rem;margin-bottom:5rem;perspective:1500px;display:flex;align-items:center;justify-content:center;padding:1rem 0;overflow:visible}.treatment-carousel-container.treatment-carousel-large{height:420px;min-height:420px;margin-bottom:6rem;perspective:1200px;overflow:visible}.treatment-carousel{position:relative;width:100%;height:100%;transform-style:preserve-3d}.treatment-carousel-item{position:absolute;width:200px;height:240px;left:50%;top:50%;margin-left:-100px;margin-top:-120px;background:linear-gradient(135deg,color-mix(in srgb,#ffffff 15%,transparent),color-mix(in srgb,#ffffff 8%,transparent));border-radius:14px;border:2px solid color-mix(in srgb,#ffffff 20%,transparent);cursor:pointer;transform-style:preserve-3d;backface-visibility:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity}.treatment-carousel-item.treatment-carousel-item-large{width:320px;height:420px;margin-left:-160px;margin-top:-210px}.treatment-carousel-item.treatment-carousel-item-large img{height:240px;width:100%;object-fit:cover}.treatment-carousel-item:not(.active){opacity:.85;filter:brightness(.85);z-index:5}.treatment-carousel-item:not(.active):hover{opacity:1;filter:brightness(1);border-color:color-mix(in srgb,#ffffff 60%,transparent);box-shadow:0 4px 20px color-mix(in srgb,#ffffff 35%,transparent)}.treatment-carousel-item img{height:160px;object-fit:cover;transition:all .3s ease}.treatment-carousel-item.composite-slide{background:linear-gradient(135deg,#10b98126,#05966914);border-color:#10b9814d}.treatment-carousel-item.composite-slide.active{border-color:#10b981;box-shadow:0 6px 24px #10b98166}.treatment-carousel-label{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;text-transform:none;letter-spacing:normal;padding:.5rem .25rem}.treatment-carousel-item-large .treatment-carousel-label{font-size:.85rem;padding:.75rem .5rem}.treatment-carousel-label .treatment-score-badge{font-size:.7rem;padding:.15rem .4rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff}.treatment-composite-badge{font-size:.65rem;padding:.2rem .5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px;color:#fff;text-transform:uppercase;letter-spacing:.03em}.skin-carousel-dot.composite-dot{background:#10b98166}.skin-carousel-dot.composite-dot.active{background:#10b981}.treatment-carousel-counter{position:absolute;bottom:-5rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#fff9;background:#0006;padding:.3rem .9rem;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.treatment-modal-overlay{background:color-mix(in srgb,var(--bg-primary, #1a0a2e) 97%,transparent);display:flex;align-items:center;justify-content:center}.treatment-modal-image-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.treatment-modal-main-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.treatment-modal-expand-btn{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:color-mix(in srgb,var(--bg-primary, #1a0a2e) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,#ffffff 40%,transparent);border-radius:8px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .3s ease;z-index:10}.treatment-modal-expand-btn:hover{background:color-mix(in srgb,#ffffff 30%,transparent);border-color:#fff}.treatment-modal-expand-btn svg{font-size:1rem;transition:transform .3s ease}.treatment-modal-expand-btn.expanded svg{transform:rotate(90deg)}.treatment-modal-expand-btn span{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treatment-modal-details-panel{position:absolute;bottom:70px;left:20px;max-width:380px;max-height:60vh;overflow-y:auto;background:var(--window-bg-color, var(--bg-secondary, #1a0a2e));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,#ffffff 30%,transparent);border-radius:12px;padding:1.25rem;animation:slideUp .3s ease-out;z-index:10;color:inherit}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.treatment-modal-details-header{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid color-mix(in srgb,#ffffff 30%,transparent);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.treatment-modal-details-header .treatment-score-badge{font-size:.75rem;padding:.2rem .5rem}.treatment-modal-section{margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid color-mix(in srgb,#ffffff 15%,transparent)}.treatment-modal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.treatment-modal-section strong{font-size:.8rem;display:block;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em;color:#fff}.treatment-modal-section p,.treatment-modal-section .markdown-content{font-size:.85rem;color:inherit;opacity:.85;line-height:1.5}.treatment-modal-section .markdown-content p{margin:0}.treatment-modal-price{display:flex;justify-content:space-between;align-items:center;padding:.85rem;background:linear-gradient(135deg,color-mix(in srgb,#ffffff 20%,transparent),color-mix(in srgb,#ffffff 10%,transparent));border-radius:8px;margin-top:.75rem}.treatment-modal-price span{font-size:.8rem;color:inherit;opacity:.7}.treatment-modal-price strong{font-size:1.1rem;color:#fff}.treatment-modal-details-panel::-webkit-scrollbar{width:4px}.treatment-modal-details-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.treatment-modal-details-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,#ffffff 40%,transparent);border-radius:2px}.skin-map-details-panel{max-width:400px}.skin-map-observations-list{margin:.5rem 0 0;padding-left:1.2rem;list-style:disc}.skin-map-observations-list li{font-size:.85rem;color:inherit;opacity:.85;line-height:1.6;margin-bottom:.4rem}.skin-map-observations-list li:last-child{margin-bottom:0}.skin-recommendations-card{background:#ffffff05;border-radius:14px;padding:1.25rem;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);margin-top:1rem}.skin-recommendations-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.skin-recommendation-item{background:color-mix(in srgb,#ffffff 5%,transparent);border-radius:10px;padding:1rem 1.25rem;border:1px solid color-mix(in srgb,#ffffff 15%,transparent);transition:all .2s ease}.skin-recommendation-item:hover{border-color:color-mix(in srgb,#ffffff 30%,transparent)}.skin-rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skin-rec-concern{font-size:.75rem;color:#f59e0b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.skin-rec-treatment{font-size:.9rem;color:var(--accent-primary);font-weight:600}.skin-rec-rationale{font-size:.85rem;color:inherit;opacity:.7;line-height:1.5}.skin-rec-sessions{font-size:.8rem;color:inherit;opacity:.5;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.lumina-bot-button{background:transparent;border:none;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-right:.5rem;transition:all .2s ease;position:relative;overflow:hidden}.lumina-bot-button:hover{background:var(--accent-primary-muted)}#lumina-bot-lottie{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;background:linear-gradient(135deg,#fff6,#fff6);display:flex;align-items:center;justify-content:center;position:relative}#lumina-bot-lottie[data-lottie-loaded=true]{background:transparent}#lumina-bot-lottie:empty{animation:bot-pulse 1.5s ease-in-out infinite}#lumina-bot-lottie:empty:after{content:"";width:8px;height:8px;background:#fffc;border-radius:50%;box-shadow:0 0 10px #fff9}@keyframes bot-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.lumina-chat-overlay{position:absolute;bottom:1rem;right:1rem;z-index:10000;display:flex;align-items:flex-end;justify-content:flex-end}.lumina-chat-window{--chat-window-bg: #0D081A;--chat-border: #2A204D;--chat-border-light: #3D2F66;--chat-header-bg: #160F29;--chat-element-bg: #1F1633;--chat-bubble-user: #2A204D;--chat-bubble-user-border: #3D2F66;--chat-bubble-assistant: #1F1633;--chat-bubble-assistant-border: #2A204D;--chat-input-bg: #100A1F;--chat-send-bg: #3D2F66;--chat-send-border: #4D3F80;--chat-send-hover: #5A4799;width:400px;max-width:calc(100vw - 2rem);height:500px;max-height:calc(100vh - 2rem);background-color:var(--chat-window-bg);border-radius:24px;display:flex;flex-direction:column;border:1px solid var(--chat-border);box-shadow:0 4px 24px #0006;overflow:hidden}.lumina-chat-window[style*=--chat-accent]{--chat-window-bg: color-mix(in srgb, var(--chat-bg, #1a1a2e) 100%, transparent);--chat-border: color-mix(in srgb, var(--chat-accent) 40%, #000);--chat-border-light: color-mix(in srgb, var(--chat-accent) 55%, #000);--chat-header-bg: color-mix(in srgb, var(--chat-accent) 30%, #000);--chat-element-bg: color-mix(in srgb, var(--chat-accent) 20%, #000);--chat-bubble-user: color-mix(in srgb, var(--chat-accent) 45%, #000);--chat-bubble-user-border: color-mix(in srgb, var(--chat-accent) 60%, #000);--chat-bubble-assistant: color-mix(in srgb, var(--chat-accent) 18%, #000);--chat-bubble-assistant-border: color-mix(in srgb, var(--chat-accent) 35%, #000);--chat-input-bg: color-mix(in srgb, var(--chat-accent) 10%, #000);--chat-send-bg: color-mix(in srgb, var(--chat-accent) 55%, #000);--chat-send-border: color-mix(in srgb, var(--chat-accent) 70%, #000);--chat-send-hover: color-mix(in srgb, var(--chat-accent) 75%, #000)}.lumina-chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--chat-border);display:flex;align-items:center;justify-content:space-between;background-color:var(--chat-header-bg);flex-shrink:0}.lumina-chat-title{display:flex;align-items:center;gap:.75rem;color:inherit;font-weight:600}.lumina-chat-avatar{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--chat-element-bg);border:1px solid var(--chat-border)}#lumina-chat-avatar-lottie{width:32px;height:32px}.lumina-chat-close{background-color:var(--chat-element-bg);border:1px solid var(--chat-border);color:#ffffffb3;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.lumina-chat-close:hover{background-color:var(--chat-border);border-color:var(--chat-border-light);color:#fffffff2}.lumina-chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:0;-webkit-overflow-scrolling:touch}.lumina-chat-welcome{color:inherit;opacity:.7;line-height:1.6}.lumina-chat-welcome p{margin-bottom:.75rem}.lumina-chat-welcome ul{margin-left:1.5rem;margin-top:.5rem}.lumina-chat-welcome li{margin-bottom:.5rem;color:inherit;opacity:.5}.lumina-chat-message{display:flex;gap:.75rem;align-items:flex-start}.lumina-chat-message.user{justify-content:flex-end;flex-direction:row-reverse}.lumina-chat-message.assistant{justify-content:flex-start}.lumina-chat-message-avatar{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.lumina-chat-message.user .lumina-chat-message-avatar{background-color:var(--chat-bubble-user);border:1px solid var(--chat-bubble-user-border)}.lumina-chat-message.user .lumina-chat-message-avatar img{width:100%;height:100%;object-fit:cover}.lumina-chat-message.user .lumina-chat-message-avatar span{color:var(--accent-primary);font-weight:600;font-size:.9rem}.lumina-chat-message.assistant .lumina-chat-message-avatar{background-color:var(--chat-bubble-assistant);border:1px solid var(--chat-bubble-assistant-border)}.lumina-message-avatar-lottie{width:32px;height:32px}.lumina-chat-message-content{max-width:75%;padding:.75rem 1rem;border-radius:12px;line-height:1.6;word-wrap:break-word;font-size:.9rem}.lumina-chat-message-content p{margin:0 0 .5rem}.lumina-chat-message-content p:last-child{margin-bottom:0}.lumina-chat-message-content strong{font-weight:600;color:#fffffff2}.lumina-chat-message-content ul,.lumina-chat-message-content ol{margin:.5rem 0;padding-left:1.25rem}.lumina-chat-message-content li{margin:.25rem 0}.lumina-chat-message-content h1,.lumina-chat-message-content h2,.lumina-chat-message-content h3,.lumina-chat-message-content h4{margin:.75rem 0 .5rem;font-weight:600}.lumina-chat-message-content h1{font-size:1.1rem}.lumina-chat-message-content h2{font-size:1rem}.lumina-chat-message-content h3{font-size:.95rem}.lumina-chat-message-content h4{font-size:.9rem}.lumina-chat-message-content code{background:#ffffff1a;padding:.125rem .375rem;border-radius:4px;font-family:var(--font-mono);font-size:.85em}.lumina-chat-message-content pre{background:#0003;padding:.75rem;border-radius:8px;overflow-x:auto;margin:.5rem 0}.lumina-chat-message-content pre code{background:none;padding:0}.lumina-chat-message-content blockquote{border-left:3px solid rgba(255,255,255,.4);margin:.5rem 0;padding-left:.75rem;opacity:.85}.lumina-chat-message-content table{width:100%;min-width:280px;border-collapse:separate;border-spacing:0;margin:.75rem 0;font-size:.8rem;background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.15);display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.lumina-chat-message-content thead,.lumina-chat-message-content tbody,.lumina-chat-message-content tr{display:table;width:100%;table-layout:fixed}.lumina-chat-message-content thead{background:#ffffff14}.lumina-chat-message-content th{padding:.5rem .6rem;text-align:left;font-weight:600;color:#fffffff2;border-bottom:1px solid rgba(255,255,255,.15);font-size:.75rem}.lumina-chat-message-content td{padding:.4rem .6rem;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffffd9;font-size:.8rem;word-break:break-word}.lumina-chat-message-content tr:last-child td{border-bottom:none}.lumina-chat-message-content tr:hover td{background:#ffffff0d}.chat-inline-image-wrapper{margin:.75rem 0;border-radius:10px;overflow:hidden;background:#0000001a}.chat-inline-image{width:100%;max-width:280px;height:auto;max-height:240px;object-fit:contain;display:block;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.chat-inline-image:hover{transform:scale(1.02);box-shadow:0 4px 16px #0000004d}.lumina-chat-message-content .chat-inline-image-wrapper+.chat-inline-image-wrapper{margin-top:.5rem}.lumina-chat-message.user .lumina-chat-message-content{background-color:var(--chat-bubble-user);color:#fffffff2;border:1px solid var(--chat-bubble-user-border)}.lumina-chat-message.assistant .lumina-chat-message-content{background-color:var(--chat-bubble-assistant);color:#ffffffe6;border:1px solid var(--chat-bubble-assistant-border)}.lumina-typing-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fffc;margin:0 2px;animation:typing 1.4s infinite}.lumina-typing-indicator:nth-child(2){animation-delay:.2s}.lumina-typing-indicator:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.lumina-chat-input-form{padding:1rem 1.5rem;border-top:1px solid var(--chat-border);display:flex;gap:.75rem;background-color:var(--chat-header-bg);flex-shrink:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.lumina-chat-input{flex:1;background-color:var(--chat-input-bg);border:1px solid var(--chat-border);border-radius:12px;padding:.75rem 1rem;color:#fffffff2;font-size:.9rem;outline:none;transition:border-color .2s ease,background-color .2s ease}.lumina-chat-input:focus{border-color:var(--chat-border-light);background-color:var(--chat-header-bg)}.lumina-chat-input::placeholder{color:#ffffff80}.lumina-chat-send{background-color:var(--chat-send-bg);border:1px solid var(--chat-send-border);color:#fffffff2;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;flex-shrink:0}.lumina-chat-send:hover:not(:disabled){background-color:var(--chat-send-hover);transform:scale(1.05)}.lumina-chat-send:disabled{opacity:.4;cursor:not-allowed}.skin-map-fullscreen-overlay{position:fixed;inset:0;z-index:9999;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem 3rem;animation:fadeIn .25s ease;overflow-y:auto}.skin-map-fullscreen-close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,#ffffff 15%,transparent);border:1px solid color-mix(in srgb,#ffffff 30%,transparent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem;transition:all .2s ease;z-index:10}.skin-map-fullscreen-close:hover{background:color-mix(in srgb,#ffffff 25%,transparent);transform:scale(1.1)}.skin-map-fullscreen-content{position:relative;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.skin-map-fullscreen-image{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 20px 60px #00000080}.skin-map-fullscreen-analysis{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 2rem;background:linear-gradient(to top,color-mix(in srgb,var(--window-bg-color, var(--bg-primary, #1a0a2e)) 95%,transparent) 0%,color-mix(in srgb,var(--window-bg-color, var(--bg-primary, #1a0a2e)) 80%,transparent) 60%,transparent 100%);border-radius:0 0 16px 16px;max-height:45%;overflow-y:auto}.skin-map-fullscreen-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.75rem}.skin-map-fullscreen-description{font-size:.95rem;color:inherit;opacity:.9;line-height:1.5;margin:0 0 .75rem}.skin-map-fullscreen-observations{margin:0;padding-left:1.25rem;list-style:disc}.skin-map-fullscreen-observations li{font-size:.9rem;color:inherit;opacity:.85;line-height:1.4;margin-bottom:.35rem}.skin-map-expand-icon{position:absolute;bottom:8px;right:8px;width:20px;height:20px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;color:#a855f7cc;font-size:1rem;opacity:0;transition:all .2s ease;pointer-events:none}.skin-map-carousel-item.active .skin-map-expand-icon{opacity:.6}.skin-map-carousel-item.active:hover .skin-map-expand-icon{opacity:1;transform:translate(2px)}.treatment-carousel-item .skin-map-expand-icon{color:#a855f7cc}.treatment-carousel-item.composite-slide .skin-map-expand-icon{color:#10b981cc}.treatment-carousel-item.composite-slide.active:hover .skin-map-expand-icon{color:#10b981}@media(max-width:768px){.skin-map-fullscreen-overlay{padding:1rem}.skin-map-fullscreen-analysis{padding:1rem 1.25rem}.skin-map-fullscreen-title{font-size:1.1rem}.skin-map-fullscreen-description{font-size:.85rem}}.skin-map-modal{width:min(950px,95vw);max-height:85vh}.skin-map-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.skin-map-modal-image{max-height:450px;display:flex;align-items:center;justify-content:center}.skin-map-modal-image img{max-height:420px;width:100%;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.skin-map-modal-details{display:flex;flex-direction:column;gap:1.25rem;max-height:450px;overflow-y:auto}.skin-map-analysis-section{background:#ffffff08;border-radius:10px;padding:1.25rem;border:1px solid color-mix(in srgb,#ffffff 20%,transparent)}.skin-map-analysis-section h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.03em}.skin-map-analysis-section p{margin:0;font-size:.9rem;line-height:1.6;color:inherit;opacity:.7}.skin-map-analysis-section p.analysis-pending{color:inherit;opacity:.5;font-style:italic}.skin-map-observations{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.skin-map-observations li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:inherit;opacity:.7;line-height:1.5;padding:.5rem .75rem;background:#ffffff08;border-radius:8px;border-left:3px solid var(--accent-primary)}.skin-map-observations li:before{content:"•";color:var(--accent-primary);font-weight:700;font-size:1.2rem;line-height:1}@media(max-width:768px){.skin-map-modal-grid{grid-template-columns:1fr}.skin-map-modal-image{max-height:280px}.skin-map-modal-image img{max-height:260px}}.hair-analysis-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.hair-analysis-header{margin-bottom:1rem}.hair-analysis-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.hair-analysis-toggle input[type=checkbox]{display:none}.toggle-slider{width:48px;height:26px;background:#ffffff1a;border-radius:13px;position:relative;transition:all .3s ease}.toggle-slider:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.hair-analysis-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#00ff9d,#00d4aa)}.hair-analysis-toggle input:checked+.toggle-slider:after{transform:translate(22px)}.toggle-label{font-size:.95rem;font-weight:500;color:inherit}.hair-upload-section{animation:fadeIn .3s ease}.hair-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.hair-upload{min-height:120px}.hair-upload .upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:inherit;opacity:.7;font-size:.85rem}.hair-quiz-section{margin-top:1.25rem}.hair-quiz-complete{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#8b5cf61f,#8b5cf60f);border:1px solid rgba(139,92,246,.25);border-radius:14px;box-shadow:0 2px 12px #8b5cf61a,inset 0 1px #ffffff1a}.quiz-check-icon{color:#8b5cf6;font-size:1.35rem;filter:drop-shadow(0 0 6px rgba(139,92,246,.4))}.hair-quiz-complete span{font-weight:500;color:#ffffffe6;font-size:.925rem}.quiz-start-button{display:flex;align-items:center;gap:.875rem;width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#8b5cf614,#8b5cf608);border:1px solid rgba(139,92,246,.2);border-radius:14px;color:inherit;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quiz-start-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.15),transparent);opacity:0;transition:opacity .25s ease}.quiz-start-button:hover{background:linear-gradient(135deg,#8b5cf61f,#8b5cf60f);border-color:#8b5cf666;transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf626}.quiz-start-button:hover:before{opacity:1}.quiz-start-button:active{transform:translateY(0)}.quiz-start-button svg{color:#8b5cf6;font-size:1.25rem;flex-shrink:0;position:relative;z-index:1}.quiz-start-button span{position:relative;z-index:1;font-weight:500;font-size:.925rem}.quiz-hint{margin-left:auto;font-size:.8rem;color:#8b5cf6b3;font-weight:500;position:relative;z-index:1;padding:.25rem .625rem;background:#8b5cf61a;border-radius:6px}.lab-window.light-window .quiz-start-button{background:linear-gradient(135deg,#8b5cf60f,#8b5cf605);border-color:#8b5cf626}.lab-window.light-window .quiz-start-button:hover{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-color:#8b5cf64d}.lab-window.light-window .quiz-hint{color:#7c3aed;background:#8b5cf614}.lab-window.light-window .hair-quiz-complete{background:linear-gradient(135deg,#8b5cf614,#8b5cf60a);border-color:#8b5cf633}.lab-window.light-window .hair-quiz-complete span{color:#1a1a2e}.hair-quiz-modal{max-width:480px;width:92vw;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #e0e0e0!important;border-radius:24px;box-shadow:0 8px 32px #00000026;padding:1.75rem;overflow:hidden;color:#1a1a1a!important}.quiz-header{text-align:center;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.quiz-header h3{margin:0 0 .5rem;font-size:1.35rem;font-weight:600;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.quiz-progress{height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden;margin:1rem 0 .75rem}.quiz-progress-bar{height:100%;background:#1a1a1a;border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-step-count{font-size:.8rem;color:#ffffff80;font-weight:500;letter-spacing:.02em}.quiz-content{min-height:260px;max-height:70vh;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.quiz-question h4{font-size:1.1rem;font-weight:500;margin-bottom:1.5rem;color:#1a1a1a!important;line-height:1.5;text-align:center}.quiz-options{display:flex;flex-direction:column;gap:.625rem}.quiz-option{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem;background:#fff!important;border:1px solid #d0d0d0!important;border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#1a1a1a!important}.quiz-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);opacity:0;transition:opacity .25s ease}.quiz-option:hover{background:#f5f5f5!important;border-color:#bbb!important;transform:translateY(-1px)}.quiz-option:hover:before{opacity:1}.quiz-option.selected{background:#f0f0f0!important;border-color:#1a1a1a!important;box-shadow:none}.quiz-option.selected:before{opacity:1}.quiz-option input[type=radio],.quiz-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex-shrink:0;border:2px solid #ccc;border-radius:50%;background:#fff;cursor:pointer;transition:all .2s ease;position:relative}.quiz-option input[type=checkbox]{border-radius:6px}.quiz-option input[type=radio]:checked,.quiz-option input[type=checkbox]:checked{background:#1a1a1a;border-color:#1a1a1a;box-shadow:none}.quiz-option input[type=radio]:checked:after,.quiz-option input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.option-text{font-size:.925rem;color:#ffffffe6;font-weight:400;position:relative;z-index:1}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.1)}.quiz-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-weight:500;font-size:.9rem;transition:all .2s ease}.quiz-nav-btn.back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3}.quiz-nav-btn.back-btn:hover{background:#ffffff1a;color:#ffffffe6}.quiz-nav-btn.next-btn,.quiz-nav-btn.submit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;box-shadow:0 4px 15px #8b5cf64d}.quiz-nav-btn.next-btn:hover,.quiz-nav-btn.submit-btn:hover{background:linear-gradient(135deg,#9f7aea,#8b5cf6);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.quiz-nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.quiz-subtitle{font-size:.85rem;color:#ffffff73;margin:-.75rem 0 1.25rem;text-align:center;font-weight:400}.quiz-options.with-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:400px){.quiz-options.with-icons{grid-template-columns:repeat(4,1fr)}}.quiz-option.icon-option{flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .75rem;text-align:center;gap:.625rem;min-height:90px}.quiz-option.icon-option .option-text{font-size:.8rem;line-height:1.3}.quiz-option.icon-option input[type=radio],.quiz-option.icon-option input[type=checkbox]{position:absolute;top:8px;right:8px;width:18px;height:18px}.lab-window.light-window .hair-quiz-modal{background:linear-gradient(145deg,#fffffff2,#ffffffd9,#ffffffe6);border-color:#00000014;box-shadow:0 8px 32px #0000001a,0 0 80px #8b5cf60d}.lab-window.light-window .quiz-header{border-bottom-color:#00000014}.lab-window.light-window .quiz-header h3{background:linear-gradient(135deg,#1a1a2e,#2d2d44);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lab-window.light-window .quiz-progress{background:#0000000f}.lab-window.light-window .quiz-step-count{color:#00000080}.lab-window.light-window .quiz-question h4{color:#1a1a2e}.lab-window.light-window .quiz-option{background:#00000005;border-color:#00000014}.lab-window.light-window .quiz-option:hover{background:#0000000a;border-color:#0000001f}.lab-window.light-window .quiz-option.selected{background:#8b5cf614;border-color:#8b5cf666}.lab-window.light-window .option-text{color:#1a1a2e}.lab-window.light-window .quiz-option input[type=radio],.lab-window.light-window .quiz-option input[type=checkbox]{border-color:#0003;background:#00000008}.lab-window.light-window .quiz-actions{border-top-color:#00000014}.lab-window.light-window .quiz-nav-btn.back-btn{background:#0000000a;border-color:#0000001a;color:#0009}.lab-window.light-window .quiz-nav-btn.back-btn:hover{background:#00000014;color:#000c}.lab-window.light-window .quiz-subtitle{color:#00000073}.quiz-option.icon-option input{display:none}.option-icon{display:flex;align-items:center;justify-content:center;width:50px;height:35px}.option-icon svg{width:100%;height:100%;stroke:currentColor;opacity:.8}.quiz-option.icon-option.selected .option-icon svg{stroke:#00ff9d;opacity:1}.quiz-option.icon-option .option-text{font-size:.85rem;white-space:nowrap}@media(max-width:480px){.quiz-options.with-icons{grid-template-columns:repeat(2,1fr)}.option-icon{width:45px;height:30px}}.hair-analysis-tab,.hair-analysis-content{display:flex;flex-direction:column;gap:1.5rem}.hair-main-layout{display:grid;grid-template-columns:340px 1fr;gap:1.5rem;align-items:stretch}.hair-left-column,.hair-right-column{display:flex;flex-direction:column;gap:1.25rem}.hair-metrics-card{flex:1;display:flex;flex-direction:column;overflow:hidden}.hair-metrics-card .analysis-card-title{flex-shrink:0}.hair-metrics-card .hair-metrics-table{flex:1}.hair-right-column .hair-image-card{flex:1;display:flex;flex-direction:column}.hair-right-column .hair-image-card .hair-image-container{flex:1;display:flex;align-items:center;justify-content:center}.hair-right-column .hair-image-card .hair-image-container img{width:100%;height:auto;object-fit:contain}.hair-analysis-grid{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}.hair-score-card{text-align:center;position:relative}.hair-avatar-row{display:flex;justify-content:center;align-items:flex-end;gap:1.25rem;margin-bottom:1.4rem;padding:.5rem 0 .25rem}.hair-overview-avatar,.hair-microscopic-avatar{width:76px;height:76px;border-radius:50%;overflow:hidden;border:3px solid color-mix(in srgb,#ffffff 40%,transparent);cursor:pointer;position:relative;transition:all .25s ease;box-shadow:0 4px 16px #0000004d;flex-shrink:0}.hair-overview-avatar:hover,.hair-microscopic-avatar:hover{border-color:#fff;transform:scale(1.1);box-shadow:0 6px 24px color-mix(in srgb,#ffffff 40%,transparent);z-index:2}.hair-overview-avatar img,.hair-microscopic-avatar img{width:100%;height:100%;object-fit:cover}.hair-overview-avatar .avatar-label,.hair-microscopic-avatar .avatar-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.55rem;color:inherit;opacity:.5;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.hair-overview-avatar{width:82px;height:82px;border-color:#00ff9d66}.hair-overview-avatar:hover{border-color:#00ff9d}.hair-overview-avatar .avatar-expand-hint,.hair-microscopic-avatar .avatar-expand-hint{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;opacity:0;transition:opacity .2s ease}.hair-overview-avatar:hover .avatar-expand-hint,.hair-microscopic-avatar:hover .avatar-expand-hint{opacity:1}.hair-microscopic-avatar .microscopic-expand-hint{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;opacity:0;transition:opacity .2s ease}.hair-microscopic-avatar:hover .microscopic-expand-hint{opacity:1}.hair-projection-compact{display:flex;justify-content:center;align-items:center;gap:.4rem;font-size:.75rem;color:inherit;opacity:.7;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.hair-projection-compact .projection-label-sm{text-transform:uppercase;letter-spacing:.3px;font-size:.65rem;color:inherit;opacity:.5}.hair-projection-compact .projection-value-sm{font-weight:600;font-size:.85rem}.hair-projection-compact .projection-gain-sm{color:inherit;opacity:.5;font-size:.7rem}.hair-projection-inline{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;color:inherit;opacity:.7;margin-top:.35rem}.hair-projection-inline .projection-label{text-transform:uppercase;letter-spacing:.4px;font-size:.7rem}.hair-projection-inline .projection-value{color:#00ff9d;font-weight:600}.hair-projection-inline .projection-gain{color:inherit;opacity:.5;font-size:.75rem}.hair-score-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 0}.hair-score-main{font-size:3.5rem;font-weight:700;font-family:"Space Grotesk",var(--font-mono);line-height:1}.hair-score-main .score-suffix{font-size:1.5rem;font-weight:400;opacity:.6}.hair-score-label{font-size:.9rem;color:inherit;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.hair-urgency-badge{margin-top:.5rem;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hair-urgency-badge.urgency-low{background:#00ff9d26;color:#00ff9d}.hair-urgency-badge.urgency-moderate{background:#ffc10726;color:#ffc107}.hair-urgency-badge.urgency-high{background:#ff980026;color:#ff9800}.hair-urgency-badge.urgency-critical{background:#ff4d6a26;color:#ff4d6a}.hair-metrics-table{width:100%;border-collapse:collapse}.hair-metrics-table th,.hair-metrics-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.hair-metrics-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:inherit;opacity:.7;background:#ffffff08}.hair-metrics-table td{font-size:.9rem}.hair-metrics-table td:first-child{font-weight:500;color:inherit}.hair-metrics-table td:nth-child(2){font-family:var(--font-mono);font-weight:600}.hair-metrics-table td:nth-child(3){color:inherit;opacity:.7;font-size:.85rem}.hair-metrics-table tbody tr:hover{background:#ffffff08}.hair-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.hair-images-grid-hero{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.hair-image-card{overflow:hidden}.hair-image-container{cursor:pointer;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#1e283c80,#141e324d);transition:transform .2s ease;min-height:150px;display:flex;align-items:center;justify-content:center;position:relative}.hair-image-container:before{content:"Loading...";position:absolute;color:#fff6;font-size:.85rem;z-index:0}.hair-image-container img{position:relative;z-index:1}.hair-image-container:hover{transform:scale(1.02)}.hair-image-container img{width:100%;height:auto;display:block;object-fit:contain}.hair-viz-card{position:relative}.skin-map-inline-analysis{margin-top:.75rem;padding:.75rem 1rem;border-radius:10px;background:#ffffff0a;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);animation:skinMapFade .35s ease}.skin-map-inline-title{font-size:.85rem;font-weight:600;color:inherit;margin-bottom:.25rem}.skin-map-inline-text{font-size:.8rem;color:inherit;opacity:.7;line-height:1.4}@keyframes skinMapFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hair-findings-minimal{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.hair-mini-section{background:#ffffff05;border-radius:12px;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.04)}.hair-mini-section.treatments-section{grid-column:1 / -1}.mini-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:inherit;opacity:.5;margin-bottom:.75rem;font-weight:600}.concern-tags{display:flex;flex-wrap:wrap;gap:.5rem}.concern-tag{font-size:.75rem;padding:.35rem .75rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:20px;color:#ffc107}.findings-indicators{display:flex;flex-direction:column;gap:.25rem}.indicator-row{padding:.5rem .6rem;border-radius:8px;transition:background .15s ease}.indicator-row.expandable{cursor:pointer}.indicator-row.expandable:hover{background:#ffffff0a}.indicator-row.expanded{background:#ffffff08}.indicator-main{display:flex;justify-content:space-between;align-items:center}.indicator-right{display:flex;align-items:center;gap:.5rem}.indicator-arrow{font-size:.85rem;color:inherit;opacity:.5;transition:transform .2s ease}.indicator-arrow.rotated{transform:rotate(90deg)}.indicator-label{font-size:.8rem;color:inherit;opacity:.7}.indicator-status{font-size:.9rem}.indicator-status.good{color:#00ff9d}.indicator-status.caution{color:#ffc107}.indicator-status.bad{color:#ff4d6a}.indicator-detail{font-size:.75rem;color:inherit;opacity:.5;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);line-height:1.4;animation:fadeSlideIn .2s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.treatment-chips{display:flex;flex-wrap:wrap;gap:.75rem}.treatment-chip{flex:1 1 calc(50% - .5rem);min-width:200px;padding:.875rem 1rem;background:#ffffff08;border-radius:10px;border-left:3px solid #ffffff}.treatment-chip.priority-high{border-left-color:#ff4d6a}.treatment-chip.priority-medium{border-left-color:#ffc107}.treatment-chip.priority-low{border-left-color:#00ff9d}.treatment-chip .chip-name{font-size:.85rem;font-weight:600;color:inherit;margin-bottom:.25rem}.treatment-chip .chip-sessions{font-size:.7rem;color:inherit;opacity:.5}@media(max-width:768px){.hair-findings-minimal{grid-template-columns:1fr}.treatment-chip{flex:1 1 100%}}.hair-products-section{grid-column:1 / -1;margin-top:.5rem;overflow:hidden}.fi-products-grid{display:flex;flex-wrap:nowrap;gap:1rem;margin-top:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,#ffffff 30%,transparent) transparent}.fi-products-grid::-webkit-scrollbar{height:6px}.fi-products-grid::-webkit-scrollbar-track{background:transparent}.fi-products-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,#ffffff 30%,transparent);border-radius:3px}.fi-products-grid::-webkit-scrollbar-thumb:hover{background:#a855f780}.fi-product-card{background:#ffffff08;border-radius:16px;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;flex-shrink:0;width:190px;min-width:190px}.fi-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px color-mix(in srgb,#ffffff 20%,transparent);border-color:color-mix(in srgb,#ffffff 30%,transparent)}.fi-product-card.priority-essential{border-color:color-mix(in srgb,#ffffff 40%,transparent);background:linear-gradient(135deg,color-mix(in srgb,#ffffff 8%,transparent),#ffffff08)}.fi-product-card.priority-recommended{border-color:#00ff9d33}.fi-product-card.priority-optional{border-color:#ffffff14}.fi-product-image-wrapper{position:relative;aspect-ratio:1 / 1;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 5%,transparent),#0003);display:flex;align-items:center;justify-content:center;padding:.75rem}.fi-product-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .3s ease}.fi-product-card:hover .fi-product-image{transform:scale(1.05)}.fi-priority-badge{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.fi-priority-badge.priority-essential{background:linear-gradient(135deg,#fff,color-mix(in srgb,#ffffff 80%,black));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,#ffffff 40%,transparent)}.fi-priority-badge.priority-recommended{background:#00ff9d33;color:#00ff9d;border:1px solid rgba(0,255,157,.4)}.fi-priority-badge.priority-optional{background:#ffffff1a;color:inherit;opacity:.5;border:1px solid rgba(255,255,255,.15)}.fi-product-info{padding:.65rem .75rem;flex:1}.fi-product-name{font-size:.9rem;font-weight:600;color:inherit;line-height:1.3;margin-bottom:.25rem}.fi-product-frequency{font-size:.76rem;font-weight:500;margin-bottom:.25rem}.fi-product-benefit{font-size:.75rem;color:inherit;opacity:.7;line-height:1.35}.fi-product-rationale{padding:.75rem 1rem;background:color-mix(in srgb,#ffffff 5%,transparent);border-top:1px solid rgba(255,255,255,.04);display:flex;gap:.5rem;font-size:.68rem;color:inherit;opacity:.5;line-height:1.45}.fi-product-rationale svg{flex-shrink:0;margin-top:2px}.app.theme-light .fi-product-card{background:#fffc;border-color:#7882a026;box-shadow:0 2px 8px #0000000a}.app.theme-light .fi-product-card:hover{box-shadow:0 12px 40px color-mix(in srgb,#ffffff 15%,transparent);border-color:color-mix(in srgb,#ffffff 30%,transparent)}.app.theme-light .fi-product-card.priority-essential{background:linear-gradient(135deg,color-mix(in srgb,#ffffff 6%,transparent),#ffffffe6)}.app.theme-light .fi-product-image-wrapper{background:linear-gradient(180deg,#a855f708,#00000005)}.app.theme-light .fi-product-image{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.app.theme-light .fi-product-name{color:#1a1a2e}.app.theme-light .fi-product-benefit{color:#4a5568}.app.theme-light .fi-product-rationale{background:#a855f70a;border-top-color:#7882a01a;color:#64748b}@media(max-width:768px){.fi-products-grid{gap:.75rem}.fi-product-card{width:130px;min-width:130px}.fi-product-info{padding:.5rem .6rem}.fi-product-name{font-size:.72rem}.fi-product-rationale{display:none}}@media(max-width:480px){.fi-product-card{width:115px;min-width:115px}}.hair-concerns-card{overflow:hidden}.hair-concerns-list{display:flex;flex-direction:column;gap:.75rem}.hair-concern-item{display:flex;align-items:flex-start;gap:1rem;padding:.875rem 1rem;background:#ff4d6a14;border-left:3px solid #ff4d6a;border-radius:0 8px 8px 0}.concern-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ff4d6a33;border-radius:50%;font-size:.8rem;font-weight:600;color:#ff4d6a;flex-shrink:0}.concern-text{font-size:.9rem;color:inherit;line-height:1.5}.hair-findings-card{overflow:hidden}.hair-findings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.finding-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff08;border-radius:8px}.finding-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:inherit;opacity:.7}.finding-value{font-size:.9rem;color:inherit}.visible-damage-list{padding:1rem;background:#ff4d6a0d;border-radius:8px}.visible-damage-list ul{margin:.5rem 0 0 1.25rem;padding:0}.visible-damage-list li{font-size:.9rem;color:inherit;padding:.25rem 0}.hair-recommendations-card{overflow:hidden}.hair-treatments-list{display:flex;flex-direction:column;gap:1rem}.hair-treatment-item{padding:1rem;background:#ffffff08;border-radius:8px;border-left:3px solid var(--accent-primary)}.hair-treatment-item.priority-high{border-left-color:#ff9800}.hair-treatment-item.priority-critical{border-left-color:#ff4d6a}.treatment-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.treatment-name{font-weight:600;font-size:1rem;color:inherit}.priority-badge{padding:.25rem .625rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.priority-badge.low{background:#00ff9d26;color:#00ff9d}.priority-badge.medium{background:#ffc10726;color:#ffc107}.priority-badge.high{background:#ff980026;color:#ff9800}.treatment-rationale{font-size:.9rem;color:inherit;opacity:.7;line-height:1.5;margin-bottom:.5rem}.treatment-sessions{font-size:.8rem;color:var(--accent-primary);font-weight:500}.hair-projection-card{overflow:hidden}.projection-display{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5rem}.projection-current,.projection-future{text-align:center}.projection-label{display:block;font-size:.8rem;color:inherit;opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.projection-value{font-size:2.5rem;font-weight:700;font-family:"Space Grotesk",var(--font-mono)}.projection-current .projection-value{color:inherit;opacity:.7}.projection-arrow{font-size:2rem;color:inherit;opacity:.7}.projection-gain{padding:.5rem 1rem;background:#00ff9d26;border-radius:20px;color:#00ff9d;font-weight:600;font-size:.9rem}@media(max-width:900px){.hair-main-layout{grid-template-columns:1fr}.hair-right-column{order:-1}.hair-analysis-grid,.hair-images-grid{grid-template-columns:1fr}.projection-display{flex-wrap:wrap;gap:1rem}}@media(max-width:600px){.hair-grid{grid-template-columns:1fr}.quiz-actions{flex-direction:column}.hair-findings-grid{grid-template-columns:1fr}}@media(orientation:landscape)and (max-height:500px){.background-image{display:none!important;opacity:0!important;visibility:hidden!important}.terminal-window,.glass-terminal{display:none!important}.app{flex-direction:column!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;overflow:hidden!important;background:var(--window-bg-color, #f5f5f7)!important;position:fixed!important;inset:0!important}.lab-window,.lab-window-floating{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;border:none!important;box-shadow:none!important;transform:none!important}.main-content{flex:1!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important}.lab-window .lab-content{height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-top:1rem!important;padding-left:1.25rem!important;padding-right:1.25rem!important;border-radius:0!important;border:none!important}.lab-window-header{display:none!important}.sidebar{width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid var(--content-border-color)!important;position:relative!important;flex-direction:row!important;display:flex!important;align-items:center!important;padding:.5rem!important;gap:.5rem!important;flex-shrink:0!important}.logo-container{padding:.25rem .5rem!important;height:auto!important}.logo-horizontal{height:24px!important}.nav-items,.nav-buttons{display:flex!important;flex-direction:row!important;gap:.25rem!important;overflow-x:auto!important;flex:1!important}.nav-button,.nav-item{padding:.35rem .75rem!important;font-size:.75rem!important;min-height:32px!important}.user-info,.sidebar-footer{padding:.5rem!important;flex-shrink:0!important}}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}.app{position:relative!important;width:100%!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;overflow:hidden!important;background:linear-gradient(135deg,#1a1625,#2d1f3d,#1a1625)!important}.background-image{position:fixed!important;display:block!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:0!important}.background-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.main-content{position:relative!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important}.lab-window,.lab-window.lab-window-floating{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-width:unset!important;min-height:unset!important;max-width:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;transform:none!important;border:none!important;box-shadow:none!important}.lab-window-floating .resizer,.resizer-n,.resizer-s,.resizer-e,.resizer-w,.resizer-ne,.resizer-nw,.resizer-se,.resizer-sw{display:none!important}.terminal-drag-handle{cursor:default!important}.terminal-chrome{padding:.5rem 1.25rem!important;min-height:52px!important;gap:.5rem!important;flex-wrap:nowrap!important;overflow:hidden!important}.branding-left{padding-right:.5rem!important;flex-shrink:0!important;max-width:60%!important;gap:.4rem!important}.logo-shape-small{height:36px!important;max-width:100px!important}.logo-text-small{display:block!important;height:24px!important;max-width:140px!important}.logo-business-small{height:38px!important;max-width:140px!important}.terminal-tabs{flex:1!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;padding:0 .25rem!important;gap:.25rem!important;scrollbar-width:none!important;-ms-overflow-style:none!important;min-width:0!important}.terminal-tabs::-webkit-scrollbar{display:none!important}.terminal-tab{padding:.5rem .75rem!important;font-size:.7rem!important;white-space:nowrap!important;flex-shrink:0!important;scroll-snap-align:start!important;min-width:fit-content!important}.terminal-appointment{display:none!important}.lumina-bot-button{width:32px!important;height:32px!important;flex-shrink:0!important}.signout-button{width:32px!important;height:32px!important;padding:.4rem!important;flex-shrink:0!important}.lab-content-wrapper{flex:1!important;min-height:0!important;overflow:hidden!important}.lab-window .lab-content{padding-top:1rem!important;padding-left:1.25rem!important;padding-right:1.25rem!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.terminal-footer{padding:.5rem 1.25rem 1rem!important;flex-wrap:wrap!important;gap:.5rem!important}.footer-profile{flex:1!important;min-width:0!important}.footer-avatar{width:28px!important;height:28px!important;flex-shrink:0!important}.footer-info{min-width:0!important}.footer-name{font-size:.75rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.footer-meta{font-size:.65rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.footer-version{font-size:.6rem!important;white-space:nowrap!important}.footer-spacer{display:none!important}}.mobile-nav-tabs{display:none}@media(max-width:768px){.mobile-nav-tabs{display:flex!important;justify-content:center!important;align-items:center!important;gap:1.75rem!important;padding:.65rem 1.25rem!important;background:transparent!important;flex-shrink:0!important;border-bottom:none!important}.mobile-nav-tab{padding:0 8px 4px;background:transparent;border:none;border-bottom:2px solid transparent;color:#3c3c5099;font-size:.72rem;font-weight:500;text-transform:capitalize;letter-spacing:.02em;cursor:pointer;transition:all .15s ease}.mobile-nav-tab.active{color:#1b1f2a;border-bottom-color:var(--accent-color, #6366f1)}.app.theme-dark .mobile-nav-tab{color:#ffffff80}.app.theme-dark .mobile-nav-tab.active{color:#fff;border-bottom-color:var(--accent-color, #ffffff)}.lab-window.light-window .mobile-nav-tab{color:#3c3c5099!important}.lab-window.light-window .mobile-nav-tab.active{color:#1b1f2a!important;border-bottom-color:var(--accent-color, #6366f1)!important}.mobile-nav-tab:active{opacity:.7}.terminal-tabs{display:none!important}.terminal-chrome{display:flex!important;align-items:center!important;border-bottom:none!important}.terminal-chrome .branding-left{flex:0 0 auto!important}.terminal-footer{padding-left:1.25rem!important;padding-right:1.25rem!important;padding-bottom:1rem!important}.header-spacer{display:block!important;flex:1!important}.terminal-chrome .lumina-bot-button{margin-left:auto!important;flex-shrink:0!important}.terminal-chrome .signout-button{flex-shrink:0!important}.info-popup-overlay{padding-top:calc(80px + env(safe-area-inset-top))!important;align-items:center!important;background:#0006!important}.info-popup{max-height:calc(100vh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;margin:auto!important;width:92%!important;max-width:380px!important;background:#ffffff08!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 0 15px #ffffff26,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26!important}}@media(max-width:768px){.dashboard-welcome{padding:1.25rem 1.5rem!important;flex-direction:row!important;gap:1rem!important;text-align:left!important;border-radius:16px!important;align-items:center!important;justify-content:space-between!important}.welcome-avatar{width:48px!important;height:48px!important}.welcome-text{flex:1!important}.welcome-text h2{font-size:1.25rem!important;font-weight:600!important;margin:0!important}.welcome-name{font-size:1.25rem!important;font-weight:700!important}.welcome-subtitle{font-size:.9rem!important;margin-top:.25rem!important;opacity:.85!important}.new-appointment-fab{width:48px!important;height:48px!important;min-width:48px!important;font-size:1.5rem!important;flex-shrink:0!important}.dashboard-stats{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.stat-card{padding:.875rem!important}.stat-value{font-size:1.25rem!important}.stat-label{font-size:.7rem!important}.dashboard-home-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.dashboard-home-header h2{font-size:1rem!important}.dashboard-section-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.dashboard-section-header h3{font-size:.85rem!important}.appointments-table{gap:.75rem!important;padding:.25rem 0!important}.appointments-row{min-width:180px!important;max-width:200px!important;padding:.875rem!important}.appointments-row span{text-align:left!important;justify-self:flex-start!important}.appointments-row span:first-child{font-weight:600!important;font-size:.85rem!important}.appointments-row span:nth-child(2){font-size:.8rem!important;opacity:.8!important}.appointments-row span:nth-child(3){font-size:.75rem!important}.appointments-row span:last-child{display:flex!important;gap:.5rem!important;flex-wrap:wrap!important;margin-top:.25rem!important}.appointments-row .icon-button,.appointments-row .action-button{padding:.5rem .75rem!important;font-size:.75rem!important}.new-appointment-fab{width:44px!important;height:44px!important}}@media(max-width:768px){.auth-container{padding:1rem!important;align-items:flex-start!important;overflow-y:auto!important}.auth-card{width:100%!important;padding:1.25rem!important;border-radius:12px!important;margin-top:0!important}.auth-tabs{grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important;margin-bottom:1.25rem!important}.auth-tab{padding:.5rem .35rem!important;font-size:.72rem!important}.auth-form label{font-size:.75rem!important;margin-bottom:.75rem!important}.auth-form input,.auth-form select,.auth-form textarea{padding:.75rem!important;font-size:16px!important;border-radius:8px!important}.auth-button{padding:.875rem!important;font-size:.9rem!important;margin-top:.75rem!important}.theme-color-swatches{gap:.5rem!important}.theme-swatch{width:32px!important;height:32px!important}}@media(max-width:768px){.form-container,.upload-container,.processing-container,.results-container{padding:0!important;width:100%!important}.medical-form{gap:.875rem!important}.form-group{padding:.75rem!important;border-radius:8px!important}.form-group label{font-size:.7rem!important;margin-bottom:.35rem!important}.form-group input,.form-group textarea{padding:.75rem!important;font-size:16px!important;border-radius:6px!important}.radio-group{flex-direction:column!important;gap:.5rem!important}.radio-label{padding:.75rem!important}.upload-grid{grid-template-columns:1fr!important;gap:1rem!important}.upload-box{min-height:140px!important;padding:1rem!important}.upload-preview{max-height:180px!important}.upload-placeholder{font-size:.8rem!important}.upload-placeholder svg{width:28px!important;height:28px!important}.submit-button,.analyze-button,.new-analysis-button,.back-button{width:100%!important;padding:1rem!important;font-size:.9rem!important;border-radius:10px!important;min-height:48px!important}.upload-actions{flex-direction:column!important;gap:.75rem!important}.upload-actions button{width:100%!important;padding:1rem!important;min-height:48px!important}}@media(max-width:768px){.analysis-ui{gap:1rem!important;padding:0!important}.analysis-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:.25rem!important;flex-wrap:nowrap!important;margin:0 -.5rem!important;padding:0 .5rem .5rem!important;touch-action:pan-x!important}.analysis-tab{padding:.5rem .75rem!important;font-size:.7rem!important;white-space:nowrap!important;flex-shrink:0!important;border-radius:6px!important;min-height:36px!important}.analysis-header{padding:1.25rem 1.5rem!important;gap:.5rem!important;flex-direction:row!important;text-align:left!important;border-radius:16px!important;align-items:center!important}.analysis-score{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.analysis-score .score-main{display:flex!important;align-items:baseline!important;gap:.3rem!important}.analysis-score .score-value{font-size:3rem!important;font-weight:700!important;line-height:1!important}.analysis-score .score-total{font-size:1.25rem!important;opacity:.7!important}.analysis-score .score-diff-inline{font-size:.85rem!important;font-weight:600!important;margin-top:.25rem!important}.analysis-score-meta{flex:1!important;margin-left:.5rem!important}.analysis-score-label{font-size:1rem!important;font-weight:500!important}.analysis-score-sub{font-size:.85rem!important;opacity:.75!important;display:flex!important;align-items:center!important;gap:.4rem!important}.info-icon-button{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;border-width:1px!important;font-size:10px!important;padding:0!important}.analysis-overview,.analysis-ratios{display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.analysis-left,.analysis-right{width:100%!important;max-width:100%!important;position:static!important;overflow-x:hidden!important;display:contents!important}.analysis-overview .analysis-card{order:0!important}.analysis-overview .analysis-card:has(.overview-marketing){order:10!important}.analysis-overview .analysis-card.chart-card{order:5!important}.analysis-overview .analysis-card:has(.demographics-comparison-container){order:6!important}.analysis-card.chart-card{overflow:visible!important}.distribution-chart{min-height:280px!important;overflow:visible!important}.distribution-chart svg{height:280px!important;min-height:280px!important;overflow:visible!important}.analysis-ratios .analysis-left{position:static!important}.analysis-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.analysis-panel{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.overview-layout{display:flex!important;flex-direction:column!important;gap:1rem!important}.overview-card{padding:1rem!important;border-radius:10px!important}.overview-main-score{font-size:2.5rem!important}.overview-percentile{font-size:.8rem!important}.score-breakdown{display:flex!important;flex-direction:column!important;gap:.5rem!important}.score-item{padding:.625rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important}.score-label{font-size:.7rem!important}.score-value{font-size:1rem!important}.score-bar{height:3px!important;flex:1!important;max-width:100px!important}.analysis-card{padding:.875rem!important;border-radius:10px!important}.analysis-card h4,.analysis-card-title{font-size:.8rem!important;margin-bottom:.5rem!important}.analysis-card p{font-size:.75rem!important;line-height:1.5!important}.ratio-grid{display:flex!important;flex-direction:column!important;gap:.5rem!important}.ratio-card,.ratio-grid-item{padding:.75rem!important;border-radius:8px!important}.ratio-label{font-size:.65rem!important}.ratio-value{font-size:.85rem!important}.ratio-bar{height:3px!important}.ratio-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:.25rem!important;padding-bottom:.5rem!important;touch-action:pan-x!important}.ratio-tab{padding:.4rem .6rem!important;font-size:.65rem!important;white-space:nowrap!important;flex-shrink:0!important;min-height:32px!important}.metrics-layout{display:flex!important;flex-direction:column!important;gap:1rem!important}.metrics-grid{display:flex!important;flex-direction:column!important;gap:.5rem!important}.metrics-card{padding:.75rem!important}.treatments-section{padding:0!important}.treatment-item{padding:.875rem!important;border-radius:10px!important;margin-bottom:.5rem!important}.treatment-title{font-size:.85rem!important}.treatment-description{font-size:.75rem!important;line-height:1.4!important}.treatment-meta{font-size:.65rem!important}.treatment-carousel-container{height:200px!important;min-height:200px!important;margin-bottom:2.5rem!important}.treatment-carousel-item{width:130px!important;height:160px!important}.treatment-carousel-item img{height:100px!important}.carousel-treatment-name{font-size:.6rem!important;padding:.35rem!important}.before-after-grid{display:flex!important;flex-direction:column!important;gap:1rem!important}.before-after-item{width:100%!important}.before-after-container{aspect-ratio:3/4!important;min-height:280px!important;max-height:350px!important}.slider-handle{width:36px!important;height:36px!important}.slider-arrows{font-size:.7rem!important}.image-date-tag,.visual-age-tag{font-size:.6rem!important;padding:.25rem .4rem!important}.before-after-label{font-size:.75rem!important;margin-bottom:.35rem!important}.overview-slider-container{width:100%!important}.overview-slider{aspect-ratio:3/4!important;max-height:300px!important}.annotated-images-grid{display:flex!important;flex-direction:column!important;gap:.75rem!important}.annotated-image-container{min-height:200px!important;max-height:300px!important;border-radius:10px!important}.annotated-image{object-fit:contain!important}.landmark-image-container{max-height:250px!important;border-radius:10px!important}.landmark-image{max-height:230px!important;object-fit:contain!important}.view-selector{display:flex!important;flex-wrap:wrap!important;gap:.25rem!important;justify-content:center!important}.view-selector-button{padding:.4rem .6rem!important;font-size:.65rem!important;min-height:32px!important}.summary-card{padding:.875rem!important;border-radius:10px!important}.summary-card h4{font-size:.8rem!important;margin-bottom:.5rem!important}.summary-card p{font-size:.75rem!important}.demographic-comparison{padding:.875rem!important}.comparison-row{flex-direction:column!important;gap:.5rem!important}.comparison-label{font-size:.7rem!important}.comparison-value{font-size:.85rem!important}.potential-display{flex-direction:column!important;gap:.75rem!important;text-align:center!important}.potential-current,.potential-future{padding:.75rem!important}.potential-arrow{transform:rotate(90deg)!important}.info-tooltip{max-width:90vw!important;font-size:.7rem!important;padding:.5rem!important}}@media(max-width:768px){.analysis-skin{padding:0!important}.skin-analysis-layout{display:flex!important;flex-direction:column!important;gap:1rem!important}.skin-overview-card{position:static!important;padding:1rem!important;border-radius:10px!important;order:-1!important}.skin-right-column{width:100%!important}.skin-score-hero{padding:.875rem!important;text-align:center!important}.skin-score-main{justify-content:center!important}.skin-metrics-grid{max-height:none!important;overflow:visible!important;padding:0!important}.skin-metric-card{padding:.75rem!important;border-radius:8px!important}.skin-metric-label{font-size:.65rem!important}.skin-metric-value{font-size:.85rem!important}.skin-metric-bar{height:3px!important}.skin-categories-grid{display:flex!important;flex-direction:column!important;gap:.5rem!important}.skin-category-card{padding:.75rem!important}.skin-map-carousel{gap:.35rem!important;padding:.5rem 0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.skin-map-carousel-item{width:70px!important;height:70px!important;flex-shrink:0!important;border-radius:8px!important}.skin-map-carousel-item.active{width:160px!important;height:160px!important}.skin-map-label{font-size:.55rem!important;padding:.15rem .3rem!important}.skin-maps-carousel-container{height:auto!important;min-height:auto!important;perspective:none!important;overflow:hidden!important;padding:0!important;margin-bottom:1.5rem!important}.skin-maps-carousel{transform-style:flat!important}.skin-maps-carousel-track{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;justify-content:center!important;transform:none!important;position:relative!important}.skin-map-carousel-item{position:relative!important;transform:none!important;opacity:0!important;width:100%!important;max-width:340px!important;height:0!important;overflow:hidden!important;border-radius:10px!important;margin:0 auto!important;left:auto!important;top:auto!important;display:none!important}.skin-map-carousel-item.active{display:block!important;width:100%!important;max-width:340px!important;height:auto!important;opacity:1!important;border:2px solid #ffffff!important;box-shadow:0 4px 20px color-mix(in srgb,#ffffff 40%,transparent)!important;margin:0 auto!important}.skin-map-carousel-item:not(.active){display:none!important}.skin-map-carousel-item img{height:auto!important;max-height:280px!important;width:100%!important;object-fit:contain!important;border-radius:8px 8px 0 0!important}.skin-map-carousel-item.active img{height:auto!important;max-height:280px!important}.skin-map-carousel-item span{font-size:.75rem!important;padding:.5rem!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.carousel-dots,.skin-map-dots,.skin-carousel-dots{display:flex!important;justify-content:center!important;gap:4px!important;padding:0!important;flex-wrap:wrap!important;background:transparent!important}.carousel-dot,.skin-map-dot,.skin-carousel-dot{width:4px!important;height:4px!important;border-radius:50%!important;background:#ffffff4d!important;border:none!important;cursor:pointer!important;padding:0!important}.carousel-dot.active,.skin-map-dot.active,.skin-carousel-dot.active{background:#fff!important;width:4px!important;height:4px!important;border-radius:50%!important}.skin-map-fullscreen-content{border-radius:10px!important}.skin-map-fullscreen-image{max-height:50vh!important}.skin-map-fullscreen-analysis{padding:.75rem!important}.skin-map-fullscreen-title{font-size:.9rem!important}.skin-map-fullscreen-description{font-size:.75rem!important}.skin-recommendations{display:flex!important;flex-direction:column!important;gap:.5rem!important}.skin-recommendation-item{padding:.75rem!important;border-radius:8px!important}.skin-score-value{font-size:2.5rem!important}.skin-score-label{font-size:.7rem!important}.skin-metrics-grid{max-height:none!important;padding-right:0!important}.skin-map-carousel{gap:.5rem!important}.skin-map-carousel-item{width:80px!important;height:80px!important}.skin-map-carousel-item.active{width:180px!important;height:180px!important}.skin-map-label{font-size:.6rem!important;padding:.2rem .4rem!important}.skin-map-fullscreen-overlay{padding:.5rem!important}.skin-map-fullscreen-analysis{padding:.875rem!important}.skin-map-fullscreen-title{font-size:1rem!important}.skin-map-fullscreen-description{font-size:.8rem!important}.skin-map-modal{width:95vw!important;max-height:90vh!important}.skin-map-modal-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.analysis-hair{padding:0!important}.hair-main-layout{display:flex!important;flex-direction:column!important;gap:1rem!important}.hair-left-column{width:100%!important}.hair-right-column{width:100%!important;order:-1!important}.hair-overview-card{position:static!important;padding:1rem!important;border-radius:10px!important}.hair-score-hero{padding:.875rem!important;text-align:center!important}.hair-score-display{gap:.5rem!important;justify-content:center!important}.hair-score-value{font-size:2.5rem!important}.hair-score-label{font-size:.7rem!important}.hair-score-bars{display:flex!important;flex-direction:column!important;gap:.5rem!important}.hair-score-bar-item{padding:.5rem!important}.hair-score-bar-label{font-size:.65rem!important}.hair-score-bar{height:3px!important}.hair-findings-minimal{display:flex!important;flex-direction:column!important;gap:.5rem!important}.hair-finding-item{padding:.625rem!important;border-radius:8px!important}.hair-finding-label{font-size:.65rem!important}.hair-finding-value{font-size:.8rem!important}.treatment-chips{display:flex!important;flex-direction:column!important;gap:.5rem!important}.treatment-chip{flex:none!important;width:100%!important;padding:.75rem!important;border-radius:8px!important}.treatment-chip .chip-name{font-size:.8rem!important}.treatment-chip .chip-sessions{font-size:.65rem!important}.hair-images-grid{display:flex!important;flex-direction:column!important;gap:.75rem!important}.hair-image-container{border-radius:10px!important}.hair-image{object-fit:contain!important;width:100%!important;height:auto!important}.hair-concerns-list{display:flex!important;flex-direction:column!important;gap:.5rem!important}.hair-concern-item{padding:.625rem!important;border-radius:8px!important}.hair-metrics-card{padding:.75rem!important;border-radius:10px!important}.hair-metrics-card .analysis-card-title{font-size:.85rem!important;padding-bottom:.5rem!important;margin-bottom:.5rem!important}.hair-metrics-table{display:block!important;width:100%!important}.hair-metrics-table thead{display:none!important}.hair-metrics-table tbody{display:flex!important;flex-direction:column!important;gap:.5rem!important}.hair-metrics-table tr{display:flex!important;flex-direction:column!important;background:#ffffff08!important;padding:.75rem!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.06)!important;gap:.25rem!important}.hair-metrics-table tr:hover{background:#ffffff0d!important}.hair-metrics-table td{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.25rem 0!important;border-bottom:none!important;font-size:.8rem!important}.hair-metrics-table td:first-child{font-weight:600!important;font-size:.85rem!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding-bottom:.5rem!important;margin-bottom:.25rem!important}.hair-metrics-table td:first-child:before{content:none!important}.hair-metrics-table td:nth-child(2):before{content:"Score: "!important;opacity:.6!important;font-weight:400!important;font-family:inherit!important}.hair-metrics-table td:nth-child(3):before{content:"Status: "!important;opacity:.6!important;font-weight:400!important}.hair-metrics-table td:nth-child(2),.hair-metrics-table td:nth-child(3){font-size:.75rem!important}.hair-treatments-list{display:flex!important;flex-direction:column!important;gap:.5rem!important}.hair-treatment-item{padding:.75rem!important;border-radius:8px!important}.treatment-name{font-size:.85rem!important}.treatment-rationale{font-size:.7rem!important}.treatment-sessions{font-size:.65rem!important}.fi-products-grid{gap:.5rem!important;padding-bottom:.5rem!important}.fi-product-card{width:110px!important;min-width:110px!important;border-radius:10px!important}.fi-product-name{font-size:.65rem!important}.fi-product-frequency,.fi-product-benefit{font-size:.55rem!important}.hair-quiz-modal{width:94%!important;max-width:400px!important;height:auto!important;max-height:85vh!important;border-radius:20px!important;margin:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.quiz-header{padding:1rem 1rem .5rem!important;flex-shrink:0!important}.quiz-header h3{font-size:1.1rem!important;margin-bottom:.75rem!important}.quiz-content{flex:1!important;overflow-y:auto!important;padding:.75rem 1rem!important;-webkit-overflow-scrolling:touch!important}.quiz-question h4{font-size:.95rem!important}.quiz-options{gap:.5rem!important}.quiz-option{padding:.75rem!important;min-height:44px!important;touch-action:manipulation!important}.quiz-actions{flex-direction:row!important;justify-content:space-between!important;gap:.75rem!important;padding:1rem!important;flex-shrink:0!important;border-top:1px solid rgba(255,255,255,.1)!important;background:#0003!important}.quiz-actions button{flex:1!important;min-height:48px!important;font-size:.9rem!important;padding:.75rem .5rem!important}.quiz-options{max-height:45vh!important;overflow-y:auto!important}.quiz-option{padding:1rem!important;margin-bottom:.5rem!important}}@media(max-width:768px){.modal-overlay,.pdf-overlay,.lumina-chat-overlay,.analysis-modal-overlay{padding:0!important}.modal-content,.analysis-modal{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;margin:0!important}.modal-header{padding:.875rem 1rem!important}.modal-body{padding:1rem!important}.modal-footer{padding:.875rem 1rem!important}.modal-close-button{width:36px!important;height:36px!important}.pdf-overlay-content{width:100%!important;height:100%!important;border-radius:0!important}.pdf-book-expanded{grid-template-columns:1fr!important}.pdf-book-left{display:none!important}.lumina-chat-overlay{position:fixed!important;inset:0!important;z-index:9999!important;background:transparent!important;padding-bottom:0!important}.lumina-chat-window{width:100%!important;height:100vh!important;height:100dvh!important;max-width:100%!important;border-radius:0!important;display:flex!important;flex-direction:column!important;position:fixed!important;inset:0!important;background-color:#0d081a!important;transition:none!important;padding-bottom:0!important}.lumina-chat-window.keyboard-visible{height:calc(100vh - var(--keyboard-height, 0px))!important;height:calc(100dvh - var(--keyboard-height, 0px))!important}.lumina-chat-header{padding:.875rem 1rem!important;padding-top:calc(.875rem + env(safe-area-inset-top,0px))!important;z-index:10!important;flex-shrink:0!important;background-color:#160f29!important;border-bottom:1px solid #2A204D!important}.lumina-chat-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:1.25rem!important;z-index:100!important;position:relative!important}.lumina-chat-title span{font-size:.9rem!important}.lumina-chat-avatar{width:32px!important;height:32px!important}.lumina-chat-messages{padding:1rem!important;flex:1 1 0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;overscroll-behavior:contain!important}.lumina-chat-message{gap:.5rem!important}.lumina-chat-message-avatar{width:28px!important;height:28px!important;flex-shrink:0!important}.lumina-chat-message-content{font-size:.85rem!important;padding:.625rem .75rem!important;max-width:calc(100% - 40px)!important;word-break:break-word!important}.lumina-chat-input-form{padding:.75rem 1rem!important;gap:.5rem!important;background-color:#160f29!important;border-top:1px solid #2A204D!important;flex-shrink:0!important;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))!important}.lumina-chat-window.keyboard-visible .lumina-chat-input-form{padding-bottom:.75rem!important}.lumina-chat-input{padding:.75rem!important;font-size:16px!important;border-radius:20px!important;background-color:#100a1f!important;border:1px solid #2A204D!important}.lumina-chat-send{width:40px!important;height:40px!important;flex-shrink:0!important}.treatment-carousel-container{height:auto!important;min-height:280px!important;margin-bottom:4rem!important}.treatment-carousel-item{width:140px!important;height:180px!important}.treatment-carousel-item.treatment-carousel-item-large{width:160px!important;height:200px!important;margin-left:-80px!important;margin-top:-100px!important}.treatment-carousel-item img{height:100px!important}.treatment-carousel-item.treatment-carousel-item-large img{height:120px!important}.treatment-carousel-label{font-size:.65rem!important;padding:.35rem .25rem!important}.treatment-carousel-container.treatment-carousel-large{height:auto!important;min-height:280px!important;margin-bottom:5rem!important}.skin-maps-carousel-container{height:auto!important;min-height:200px!important}.skin-map-carousel-item{width:100px!important;height:140px!important}.skin-map-carousel-item img{height:80px!important}.skin-map-carousel-item span{font-size:.6rem!important;padding:.15rem 0!important}.skin-carousel-dots{bottom:-1rem!important;gap:4px!important}.skin-carousel-dot{width:4px!important;height:4px!important}.skin-carousel-nav{width:24px!important;height:24px!important;font-size:.65rem!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important;color:#ffffff80!important}.carousel-indicators{display:flex!important;justify-content:center!important;gap:.35rem!important;margin-top:.75rem!important}.carousel-indicator{width:6px!important;height:6px!important;border-radius:50%!important;background:#ffffff40!important;border:none!important}.carousel-indicator.active{width:16px!important;border-radius:3px!important;background:#fff!important}.metrics-carousel-container{height:auto!important;min-height:200px!important}.metrics-carousel{width:100%!important;height:auto!important}.carousel-card{width:160px!important;height:200px!important}.carousel-card.center{transform:translate(0) translateZ(60px) scale(1)!important}.carousel-card.left{transform:translate(-50px) translateZ(-30px) rotateY(20deg) scale(.75)!important}.carousel-card.right{transform:translate(50px) translateZ(-30px) rotateY(-20deg) scale(.75)!important}.new-appointment-modal{width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important}.analysis-modules-options{flex-direction:column!important;gap:.5rem!important}.module-option{width:100%!important}}@media(max-width:768px){.settings-content{padding:0!important}.settings-section{padding:1rem!important;margin-bottom:1rem!important;border-radius:12px!important}.settings-section-header{gap:.5rem!important;margin-bottom:.75rem!important}.settings-section-header h3{font-size:.9rem!important}.settings-description{font-size:.75rem!important}.settings-grid{grid-template-columns:1fr!important;gap:1rem!important}.settings-field{gap:.35rem!important}.settings-label{font-size:.7rem!important}.settings-input,.settings-select,.settings-textarea{padding:.75rem!important;font-size:16px!important;border-radius:8px!important}.modules-grid{grid-template-columns:1fr!important;gap:.75rem!important}.module-toggle{padding:.875rem!important}.color-picker-input-wrapper{padding:.5rem!important}.color-image-picker{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.or-divider{text-align:center!important}.settings-actions{padding:1rem 0!important}.settings-save-button{width:100%!important;padding:1rem!important;font-size:.9rem!important;min-height:48px!important}}@media(max-width:768px){.processing-container{text-align:center!important}.processing-images{grid-template-columns:1fr!important;gap:1rem!important}.processing-image{max-height:200px!important}.processing-status{font-size:1rem!important;padding:1rem!important}.processing-step{font-size:.85rem!important}.processing-progress{min-height:auto!important}.loading-spinner{width:50px!important;height:50px!important}}@media(max-width:480px){.lab-window .lab-content{padding-top:.75rem!important;padding-left:1rem!important;padding-right:1rem!important}.terminal-chrome{padding:.4rem 1rem!important;min-height:44px!important}.terminal-footer{padding-left:1rem!important;padding-right:1rem!important}.branding-left{max-width:55%!important}.logo-shape-small{height:32px!important;max-width:90px!important}.logo-text-small{height:20px!important;max-width:120px!important}.terminal-tab{padding:.4rem .5rem!important;font-size:.65rem!important}.terminal-footer{padding:.4rem 1rem .75rem!important}.dashboard-stats{grid-template-columns:1fr!important;gap:.5rem!important}.stat-card{padding:.75rem!important;flex-direction:row!important;align-items:center!important;gap:.75rem!important}.stat-icon{margin-bottom:0!important}.stat-value{font-size:1.1rem!important}.overview-main-score{font-size:2.5rem!important}.welcome-text h2{font-size:.9rem!important}.welcome-name{font-size:1rem!important}.skin-map-carousel-item.active{width:150px!important;height:150px!important}.fi-product-card{width:100px!important;min-width:100px!important}.fi-product-name{font-size:.65rem!important}}@media(max-width:900px)and (orientation:landscape){.lab-window .lab-content{padding-top:.75rem!important;padding-left:.75rem!important;padding-right:.75rem!important}.dashboard-welcome{flex-direction:row!important;text-align:left!important}.dashboard-stats{grid-template-columns:repeat(4,1fr)!important}.before-after-grid{grid-template-columns:repeat(3,1fr)!important}.before-after-container{min-height:200px!important}.overview-layout{grid-template-columns:1fr 2fr!important}}@media(hover:none)and (pointer:coarse){.lab-window:hover{transform:none!important}.appointments-row:hover{background:inherit!important}button,.terminal-tab,.analysis-tab,.quiz-option,.module-toggle,.appointments-row{min-height:44px!important}button:active,.terminal-tab:active,.analysis-tab:active,.appointments-row:active{opacity:.8!important;transform:scale(.98)!important}input[type=checkbox],input[type=radio]{width:20px!important;height:20px!important}button,.terminal-tab,.analysis-tab,.appointments-row,.nav-item{-webkit-user-select:none!important;user-select:none!important}}@supports (padding-top: env(safe-area-inset-top)){.terminal-chrome,.lumina-chat-header{padding-top:calc(.5rem + env(safe-area-inset-top))!important}@media(max-width:768px){.terminal-footer{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))!important}.lumina-chat-input-form{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))!important}}}@media(max-width:768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],select,textarea{font-size:16px!important}}@media print and (max-width:768px){.app,.lab-window{position:static!important;height:auto!important}}@media(max-width:768px){.treatment-carousel-card{min-height:auto!important}.treatment-carousel-container{height:auto!important;min-height:280px!important;margin-bottom:3rem!important;perspective:none!important;display:block!important;overflow:hidden!important}.treatment-carousel-container.treatment-carousel-large{height:auto!important;min-height:320px!important;margin-bottom:3rem!important}.treatment-carousel{display:flex!important;flex-direction:column!important;align-items:center!important;transform-style:flat!important}.treatment-carousel-item{width:100%!important;max-width:280px!important;height:auto!important;position:relative!important;transform:none!important;display:none!important;margin:0 auto!important;border-radius:12px!important;overflow:hidden!important}.treatment-carousel-item.active{display:block!important;opacity:1!important;filter:none!important}.treatment-carousel-item.treatment-carousel-item-large{width:100%!important;max-width:320px!important;height:auto!important;margin-left:0!important;margin-top:0!important}.treatment-carousel-item.treatment-carousel-item-large img{height:auto!important;max-height:240px!important;width:100%!important;object-fit:contain!important}.treatment-carousel-item img{height:auto!important;max-height:200px!important;width:100%!important;object-fit:contain!important}.carousel-treatment-name{font-size:.65rem!important;padding:.4rem!important}.carousel-treatment-zones{font-size:.55rem!important}.carousel-nav-button{width:36px!important;height:36px!important;font-size:.9rem!important}.carousel-nav-left{left:.25rem!important}.carousel-nav-right{right:.25rem!important}.carousel-indicators{gap:.3rem!important;padding:.35rem .5rem!important}.carousel-indicator{width:6px!important;height:6px!important}.ratio-modal,.ratio-detail-modal{width:95vw!important;max-width:95vw!important;max-height:calc(100vh - 140px)!important;margin:0 2.5vw!important;margin-top:calc(10px + env(safe-area-inset-top))!important}.analysis-modal-overlay{padding-top:calc(100px + env(safe-area-inset-top))!important;align-items:flex-start!important}.ratio-modal-content{padding:1rem!important}.ratio-modal-header{flex-direction:column!important;gap:.75rem!important;align-items:flex-start!important}.ratio-modal-grid{grid-template-columns:1fr!important;gap:1rem!important}.ratio-modal-image{max-height:200px!important}.ratio-modal-details{padding:1rem!important}.metrics-carousel-layout{display:flex!important;flex-direction:column!important;gap:1rem!important;grid-template-columns:none!important}.metrics-carousel-container{position:static!important;perspective:none!important;padding:0!important;width:100%!important}.metrics-carousel{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;max-height:320px!important;transform-style:flat!important;margin:0!important}.carousel-card{position:relative!important;width:100%!important;height:100%!important;transform:none!important;opacity:1!important;filter:none!important;border-radius:12px!important}.carousel-card.left,.carousel-card.right{display:none!important}.carousel-card.center{position:relative!important;transform:none!important;border-radius:12px!important}.carousel-card-label{font-size:.75rem!important;padding:.5rem .75rem!important;border-radius:10px 10px 0 0!important}.carousel-card-image{border-radius:12px!important;object-fit:contain!important;max-height:280px!important}.carousel-card-placeholder{font-size:.75rem!important;padding:1rem!important}.carousel-indicators{padding:.75rem!important;gap:.75rem!important;margin-top:.5rem!important}.carousel-indicator{width:32px!important;height:32px!important;border-radius:8px!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important}.carousel-indicator.active{background:#fff!important;border-color:#fff!important}.metrics-right-panel{min-height:auto!important;width:100%!important}.metrics-right-panel .analysis-card{height:auto!important;padding:.75rem!important}.metrics-right-panel .analysis-card-title{font-size:.85rem!important;margin-bottom:.75rem!important}.ailab-ratio-table{gap:.5rem!important}.ailab-ratio-row.header{display:none!important}.ailab-ratio-row{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;padding:.75rem!important;background:#ffffff08!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.06)!important;gap:.5rem!important}.ailab-ratio-row:hover{background:#ffffff0d!important}.ailab-ratio-name{font-size:.85rem!important;font-weight:600!important;padding-bottom:.25rem!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.ailab-ratio-range{gap:.25rem!important}.ailab-range-meta{font-size:.7rem!important}.ailab-ratio-score{text-align:left!important;font-size:.9rem!important;margin-top:.25rem!important}.ailab-ratio-score:before{content:"Score: "!important;font-weight:400!important;opacity:.6!important}.ratio-progress{height:4px!important;border-radius:2px!important}.ailab-zoom-grid{grid-template-columns:1fr!important;gap:.75rem!important}.ailab-zoom-card{padding:.75rem!important;border-radius:10px!important}.ailab-zoom-title{font-size:.65rem!important;margin-bottom:.5rem!important}.ailab-point-table{max-height:250px!important}.ailab-point-row{grid-template-columns:1.5fr 1fr 1fr!important;padding:.5rem!important;font-size:.7rem!important}.ailab-point-row.header{font-size:.6rem!important;display:grid!important}.analysis-card,.summary-card{padding:1rem!important;border-radius:10px!important}.analysis-card h4,.summary-card h4{font-size:.85rem!important;margin-bottom:.75rem!important}.demographic-comparison{padding:1rem!important}.comparison-progress-row{flex-direction:column!important;gap:1rem!important}.comparison-progress-item{width:100%!important;flex-direction:row!important;justify-content:space-between!important;padding:.5rem 0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.comparison-progress-item:last-child{border-bottom:none!important}.comparison-arrow{display:none!important}.comparison-diff{padding:.25rem .5rem!important;font-size:.85rem!important}.potential-score-display{flex-direction:column!important;gap:1rem!important}.potential-current,.potential-future{width:100%!important;padding:.75rem!important}.potential-arrow{transform:rotate(90deg)!important;margin:0!important}.icon-button,.icon-action-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:.4rem!important}.status-badge,.processing-badge{font-size:.65rem!important;padding:.3rem .5rem!important}.view-selector{flex-wrap:wrap!important;gap:.35rem!important;justify-content:center!important}.view-selector-button{padding:.5rem .75rem!important;font-size:.7rem!important}.ratio-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;padding-bottom:.5rem!important}.ratio-tab{padding:.5rem .75rem!important;font-size:.7rem!important;white-space:nowrap!important;flex-shrink:0!important}.landmark-image-container{max-height:300px!important}.landmark-image{max-height:280px!important}.report-section{padding:1rem!important}.report-section h3{font-size:1rem!important}.report-content{font-size:.8rem!important;line-height:1.6!important}.pdf-book{width:160px!important;height:220px!important}.pdf-book-cover{padding:1rem!important}.pdf-book-logo{width:100px!important;height:30px!important}.pdf-book-title{font-size:.8rem!important}.pdf-book-subtitle{font-size:.6rem!important}.skeleton-loader{border-radius:8px!important}.loading-message{font-size:.85rem!important;padding:1rem!important}.empty-state{padding:2rem 1rem!important}.empty-state h3{font-size:1rem!important}.empty-state p{font-size:.8rem!important}.beauty-filter-toggle{margin-bottom:1.25rem!important;padding:.875rem!important;flex-direction:column!important;gap:.75rem!important;text-align:center!important}.beauty-filter-toggle label{flex-direction:column!important;gap:.5rem!important}.new-appointment-modal .modal-body{padding:1rem!important}.new-appointment-modal .upload-grid{gap:.875rem!important}.new-appointment-modal .upload-box{min-height:120px!important}.hair-grid{grid-template-columns:1fr!important;gap:.75rem!important}.hair-upload{min-height:100px!important}.modal-overlay{position:fixed!important;inset:0!important;padding:1rem!important;padding-top:calc(1rem + env(safe-area-inset-top) + 120px)!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom) + 80px)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;z-index:99999!important;background:#0006!important}.modal-card{width:92%!important;max-width:380px!important;max-height:calc(100vh - 220px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;min-height:auto!important;border-radius:24px!important;margin:0 auto!important;padding:1.25rem!important;background:#ffffff08!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 0 15px #ffffff26,0 0 30px #ffffff14,0 4px 20px #00000026,inset 0 1px 1px #ffffff26!important;display:flex!important;flex-direction:column!important;gap:1.25rem!important;overflow-y:auto!important;color:#fff!important}.modal-card.new-appointment-modal-compact{background:#1a1a2e!important;background-color:#1a1a2e!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}.modal-card-content,.upload-grid-compact{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:calc(100vh - 340px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.modal-card.new-appointment-modal-compact,.new-appointment-modal-compact{background:var(--window-bg-color, var(--app-bg-color, #1a1a2e))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--border-accent, rgba(255, 255, 255, .15))!important;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:calc(100vh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.modal-card>h3{margin:0 0 .25rem!important;padding:0!important;font-size:1.25rem!important;font-weight:600!important}.lab-window.light-window .modal-card>h3,.app.theme-light .modal-card>h3{color:#1b1f2a!important}.modal-card label{display:block!important;margin-bottom:.5rem!important;color:#ffffffd9!important}.modal-actions{display:flex!important;gap:.75rem!important;margin-top:.5rem!important;padding-top:1rem!important;border-top:1px solid rgba(255,255,255,.1)!important;background:transparent!important}.modal-actions button{flex:1!important;min-height:48px!important;font-size:.9rem!important;font-weight:500!important;border-radius:12px!important;color:#fff!important}.modal-actions .ghost-button{background:#ffffff14!important;border:1px solid rgba(255,255,255,.2)!important;color:#fffc!important}.modal-actions .primary-button{background:#ffffff26!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}.upload-grid{display:flex!important;flex-direction:column!important;gap:1rem!important;padding:.5rem 0!important;touch-action:pan-y!important}.upload-item{touch-action:pan-y!important}.upload-box{aspect-ratio:unset!important;min-height:140px!important;max-height:180px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.5rem!important;touch-action:pan-y!important;-webkit-touch-callout:none!important}.upload-box.has-image{min-height:auto!important;max-height:none!important;height:auto!important}.upload-preview{width:100%!important;height:auto!important;max-height:160px!important;object-fit:contain!important;border-radius:8px!important;pointer-events:none!important}.upload-label{font-size:.75rem!important;padding:.5rem!important;text-align:center!important;touch-action:pan-y!important}.upload-placeholder{flex-direction:column!important;gap:.5rem!important;padding:1rem!important;text-align:center!important;touch-action:pan-y!important;pointer-events:none!important}.upload-placeholder svg{width:32px!important;height:32px!important;pointer-events:none!important}.upload-placeholder span{pointer-events:none!important}.upload-placeholder span{font-size:.8rem!important}.processing-container{padding:1rem 0!important}.processing-images{display:flex!important;flex-direction:column!important;gap:1rem!important;margin:1rem 0!important}.processing-images.processing-images-hair{grid-template-columns:1fr!important}.processing-image-container{aspect-ratio:unset!important;width:100%!important;height:auto!important;min-height:150px!important;max-height:280px!important;border-radius:10px!important}.processing-image{width:100%!important;height:auto!important;max-height:280px!important;object-fit:contain!important;background:#0003!important}.xray-overlay{display:block!important}.xray-line{height:4px!important}.processing-status{font-size:.9rem!important;padding:.75rem!important;margin-top:1rem!important}.processing-step{font-size:.8rem!important;margin-top:.5rem!important}.processing-progress{margin-top:.75rem!important;border-radius:3px!important;min-height:auto!important}.new-appointment-modal,.modal-card.new-appointment-modal{padding-bottom:2rem!important;touch-action:pan-y!important}.new-appointment-modal .upload-grid{padding:0!important;margin:.75rem 0!important;display:flex!important;flex-direction:column!important;gap:1rem!important;touch-action:pan-y!important}.new-appointment-modal .upload-item{touch-action:pan-y!important}.new-appointment-modal .upload-box{min-height:110px!important;max-height:150px!important;aspect-ratio:unset!important;touch-action:pan-y!important}.new-appointment-modal .upload-preview{max-height:130px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;pointer-events:none!important}.new-appointment-modal .upload-placeholder{touch-action:pan-y!important;pointer-events:none!important}.new-appointment-modal label{margin-bottom:.75rem!important;touch-action:pan-y!important}.new-appointment-modal textarea{min-height:70px!important;font-size:16px!important;touch-action:pan-y manipulation!important}.modal-card input,.modal-card textarea,.modal-card select{font-size:16px!important;padding:.75rem!important;border-radius:8px!important;width:100%!important}.modal-card textarea{min-height:80px!important}.analysis-modules{margin:.75rem 0!important}.analysis-modules-title{font-size:.75rem!important;margin-bottom:.5rem!important}.analysis-modules-options{display:flex!important;flex-direction:column!important;gap:.5rem!important}.module-option{padding:.75rem!important;background:#ffffff0d!important;border-radius:8px!important;min-height:44px!important}.module-option label{flex-direction:row!important;align-items:center!important;gap:.75rem!important;margin:0!important;padding:0!important}.module-option input[type=checkbox]{width:20px!important;height:20px!important;flex-shrink:0!important}.hair-analysis-section{margin-top:1rem!important;padding-top:1rem!important}.hair-grid{display:flex!important;flex-direction:column!important;gap:.75rem!important}.hair-upload{min-height:120px!important;max-height:160px!important}.hair-upload .upload-preview{max-height:140px!important}.quiz-start-button{min-height:48px!important;padding:.75rem 1rem!important}.beauty-filter-toggle{padding:.75rem!important;margin-bottom:1rem!important}.beauty-filter-toggle label{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;width:100%!important}.analysis-card,.summary-card,.overview-card,.skin-overview-card,.hair-overview-card{padding:.875rem!important;border-radius:10px!important}.analysis-card h4,.summary-card h4{font-size:.85rem!important;margin-bottom:.5rem!important}.analysis-card p,.summary-card p{font-size:.8rem!important;line-height:1.5!important}.overview-main-score,.skin-score-value,.hair-score-value{font-size:2.5rem!important}}@media(max-width:360px){.terminal-chrome{padding:.35rem .4rem!important;min-height:40px!important}.branding-left{max-width:50%!important}.logo-shape-small{height:28px!important;max-width:70px!important}.logo-text-small{height:16px!important;max-width:100px!important}.terminal-tab{padding:.35rem .4rem!important;font-size:.6rem!important}.lab-window .lab-content{padding-top:.5rem!important;padding-left:.5rem!important;padding-right:.5rem!important}.dashboard-welcome{padding:.75rem!important}.welcome-avatar{width:40px!important;height:40px!important}.welcome-text h2{font-size:.8rem!important}.welcome-name{font-size:.9rem!important}.stat-card{padding:.5rem!important}.stat-value{font-size:1rem!important}.stat-label{font-size:.6rem!important}.overview-main-score,.skin-score-value,.hair-score-value{font-size:2rem!important}.treatment-carousel-container{height:180px!important;min-height:180px!important}.treatment-carousel-item{width:110px!important;height:140px!important}.treatment-carousel-item img{height:90px!important}.modal-card h3{font-size:1rem!important}.modal-actions button{font-size:.85rem!important;min-height:44px!important}.upload-box{min-height:100px!important;max-height:150px!important}.upload-preview{max-height:130px!important}.upload-placeholder svg{width:24px!important;height:24px!important}.upload-placeholder span{font-size:.7rem!important}.processing-image-container{min-height:100px!important;max-height:180px!important}.processing-image{max-height:180px!important}.analysis-card,.summary-card{padding:.625rem!important}.analysis-card h4,.summary-card h4{font-size:.75rem!important}.analysis-card p,.summary-card p{font-size:.7rem!important}.new-appointment-modal .upload-box{min-height:90px!important;max-height:140px!important}.new-appointment-modal .upload-preview{max-height:120px!important}}.skin-summary-container{padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.skin-summary-expand-toggle{display:flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.skin-summary-expand-toggle:hover{background:#ffffff0f;border-color:#fff}.skin-summary-expand-toggle .expand-arrow{transition:transform .3s ease}.skin-summary-expand-toggle .expand-arrow.rotated{transform:rotate(90deg)}.skin-summary-expanded-content{margin-top:1rem;padding:1rem;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.05);font-size:.85rem;color:inherit;opacity:.85;line-height:1.7;animation:skinFadeIn .3s ease}@keyframes skinFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.realtime-tab *{position:static}.realtime-tab{width:100%;display:flex;flex-direction:column;gap:1.5rem;position:relative;isolation:isolate}.realtime-card{min-height:500px}.realtime-description{font-size:.95rem;color:inherit;opacity:.7;margin-bottom:1rem;line-height:1.6}.realtime-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;background:#0003;padding:.35rem;border-radius:10px;width:fit-content}.realtime-mode-toggle .mode-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:none;background:transparent;color:inherit;opacity:.6;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.realtime-mode-toggle .mode-btn:hover:not(:disabled){opacity:.8;background:#ffffff0d}.realtime-mode-toggle .mode-btn.active{background:#fffc;opacity:1;color:#fff}.realtime-mode-toggle .mode-btn:disabled{cursor:not-allowed}.realtime-container{display:flex;flex-direction:column;gap:1.5rem}.realtime-video-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;max-height:550px;min-height:300px;background:#0000004d;border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,rgba(255,255,255,.8) 25%,transparent);display:flex;align-items:center;justify-content:center;isolation:isolate;contain:layout style}#banuba-render-target{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1;overflow:hidden;border-radius:12px}#banuba-render-target *{position:absolute!important;max-width:100%!important;max-height:100%!important}#banuba-render-target>div,#banuba-render-target canvas{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:12px!important}#banuba-render-target video{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:12px!important}.realtime-placeholder{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:inherit;opacity:.5;text-align:center;padding:2rem}.realtime-placeholder svg{color:#fffc;opacity:.6}.realtime-loading{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fffc}.realtime-spinner{width:48px;height:48px;border:3px solid color-mix(in srgb,rgba(255,255,255,.8) 20%,transparent);border-top-color:#fffc;border-radius:50%;animation:realtimeSpin 1s linear infinite}@keyframes realtimeSpin{to{transform:rotate(360deg)}}.realtime-error{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ff6b6b;text-align:center;padding:2rem}.realtime-error button{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.realtime-error button:hover{background:#ff6b6b40}.realtime-controls{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.realtime-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.realtime-btn:disabled{opacity:.6;cursor:not-allowed}.realtime-start{background:linear-gradient(135deg,#fffc,color-mix(in srgb,rgba(255,255,255,.8) 70%,white));color:#fff;box-shadow:0 4px 20px color-mix(in srgb,rgba(255,255,255,.8) 30%,transparent)}.realtime-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px color-mix(in srgb,rgba(255,255,255,.8) 40%,transparent)}.realtime-stop{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;box-shadow:0 4px 20px #ef44444d}.realtime-stop:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ef444466}.realtime-info{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#00000008;border-radius:10px;border:1px solid color-mix(in srgb,rgba(255,255,255,.8) 15%,transparent)}.realtime-info-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.85rem;color:inherit;opacity:.6;line-height:1.5}.realtime-info-item svg{flex-shrink:0;margin-top:2px;color:#fffc}.morphing-overlay{position:absolute;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.morphing-overlay-stop{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.morphing-overlay-stop:hover{background:#ff5050cc;transform:scale(1.1)}.morphing-overlay-controls{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 70%,transparent 100%);pointer-events:auto;margin-top:auto}.morphing-nav-btn{width:40px;height:40px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.morphing-nav-btn:hover{background:#fffc;transform:scale(1.05)}.morphing-overlay-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.morphing-overlay-title{font-size:.9rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.4rem;justify-content:center}.morphing-overlay-sliders{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.morphing-overlay-slider{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:80px;max-width:100px}.morphing-overlay-slider span{font-size:.65rem;color:#fffc;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.morphing-overlay-slider input[type=range]{width:100%;height:4px;border-radius:2px;background:#fff3;outline:none;-webkit-appearance:none;appearance:none}.morphing-overlay-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fffc;cursor:pointer;box-shadow:0 2px 6px #0006;transition:transform .15s ease}.morphing-overlay-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.morphing-overlay-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fffc;cursor:pointer;border:none;box-shadow:0 2px 6px #0006}.morphing-dots{display:flex;justify-content:center;gap:6px;margin-top:.25rem}.morphing-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .2s ease}.morphing-dot.active{background:#fffc;transform:scale(1.3)}.morphing-dot:hover:not(.active){background:#ffffff80}.morphing-preset-info{text-align:center;color:#fffc;font-size:.85rem;padding:.75rem;background:#ffffff1a;border-radius:8px;margin:.25rem 0}@media(max-width:480px){.morphing-overlay-sliders{gap:.5rem}.morphing-overlay-slider{min-width:60px;max-width:80px}.morphing-nav-btn{width:32px;height:32px}}@media(max-width:768px){.realtime-video-wrapper{aspect-ratio:3 / 4;max-height:450px}.realtime-btn{padding:.75rem 1.25rem;font-size:.9rem}}.camera-capture-modal{position:fixed;inset:0;width:100vw;height:100vh;z-index:99999;background:#000000fa;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.camera-capture-content{width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;background:#1a1a2e;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080}.camera-capture-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-default)}.camera-capture-header h3{margin:0;font-size:1.1rem;font-weight:600}.camera-close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .15s ease}.camera-close-button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.camera-capture-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;min-height:400px}.camera-error{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);text-align:center}.camera-error button{padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.camera-preview-container{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#000}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff;background:#1a1a2e}.camera-loading p{color:#fff;font-size:.9rem}.camera-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.face-guide-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.face-guide-image{width:85%;height:85%;object-fit:contain;opacity:.5;filter:brightness(1.2)}.camera-instructions{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000c);z-index:20}.camera-instructions p{margin:0;text-align:center;font-size:.85rem;color:#ffffffe6;line-height:1.4}.camera-capture-footer{display:flex;justify-content:center;padding:1.5rem;border-top:1px solid var(--border-default)}.camera-capture-button{width:72px;height:72px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.3);cursor:pointer;padding:4px;transition:all .15s ease}.camera-capture-button:hover:not(:disabled){transform:scale(1.05);border-color:var(--accent-primary)}.camera-capture-button:disabled{opacity:.5;cursor:not-allowed}.capture-button-inner{width:100%;height:100%;border-radius:50%;background:#fff;transition:all .15s ease}.camera-capture-button:active:not(:disabled) .capture-button-inner{transform:scale(.9);background:#e0e0e0}.upload-options{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;position:relative;z-index:5}.upload-options-with-guide{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;gap:.5rem}.face-guide-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1;min-height:0;position:relative}.face-guide-preview-image{width:55%;max-width:120px;height:auto;object-fit:contain;opacity:.25;filter:grayscale(100%) contrast(1.5) brightness(1.8);mix-blend-mode:screen}.face-guide-label{margin-top:.25rem;font-size:.65rem;color:var(--accent-primary);background:#ffffff26;padding:.2rem .6rem;border-radius:10px;white-space:nowrap;font-weight:500}.upload-buttons{display:flex;gap:.5rem;width:100%;flex-shrink:0}.upload-buttons .upload-option{flex:1;flex-direction:row;justify-content:center;padding:.6rem .5rem;gap:.35rem;font-size:.7rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.upload-buttons .upload-option:hover{background:#ffffff1a}.upload-buttons .camera-option{background:#fff3;border-color:#ffffff4d}.upload-buttons .camera-option:hover{background:#ffffff4d}.upload-buttons .upload-option svg{width:16px;height:16px;flex-shrink:0}.upload-buttons .upload-option span{white-space:nowrap}.upload-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary);background:transparent;border:none;width:100%}.upload-option:hover{background:var(--bg-card-hover);color:var(--text-primary)}.upload-option span{font-size:.8rem;font-weight:500}.camera-option{color:var(--accent-primary);position:relative;z-index:10}.camera-option:hover{background:#ffffff1a;color:var(--accent-primary)}.file-option{position:relative;overflow:hidden}.upload-divider{display:flex;align-items:center;width:100%;gap:.75rem;color:var(--text-muted);font-size:.75rem}.upload-divider:before,.upload-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.app.theme-light .camera-capture-content{background:#fff}.app.theme-light .camera-capture-header,.app.theme-light .camera-capture-footer{border-color:#0000001a}@media(max-width:480px){.camera-capture-modal{padding:0}.camera-capture-content{max-width:100%;max-height:100vh;border-radius:0}.camera-preview-container{max-width:100%;border-radius:0}.upload-options{gap:.5rem;padding:.75rem}.upload-option{flex-direction:row;justify-content:center;padding:.6rem .75rem;gap:.5rem}.upload-option svg{width:20px;height:20px}}.lumina-chat-window{display:flex;flex-direction:column;position:relative;padding-bottom:var(--keyboard-offset, 0px)}.lumina-chat-messages{flex:1;min-height:0;overflow-y:auto;padding-bottom:calc(1.5rem + var(--keyboard-offset, 0px));scroll-padding-bottom:calc(1.5rem + var(--keyboard-offset, 0px))}.lumina-chat-input-form{flex-shrink:0;z-index:10;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:var(--keyboard-offset, 0px)}.lumina-chat-message-avatar{flex-shrink:0;pointer-events:none}.skin-carousel-dots,.treatment-carousel-dots{gap:4px!important}.skin-carousel-dot{width:5px!important;height:5px!important;min-width:5px!important;border-radius:50%!important;background:#ffffff40!important;border:none!important;padding:0!important;transition:all .15s ease!important}.skin-carousel-dot:hover{background:#fff6!important}.skin-carousel-dot.active{background:#ffffffe6!important;width:12px!important;border-radius:2.5px!important}.image-lightbox{position:fixed;inset:0;z-index:100000;background:#000000eb;display:flex;align-items:center;justify-content:center}.image-lightbox-close-fixed{position:fixed!important;top:calc(20px + env(safe-area-inset-top,20px));right:20px;width:56px;height:56px;border-radius:50%;background:#f44!important;border:3px solid white!important;color:#fff!important;font-size:28px;font-weight:700;display:flex!important;align-items:center;justify-content:center;cursor:pointer;z-index:999999;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 24px #00000080,0 0 0 4px #ff44444d;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.image-lightbox-close-fixed:active{background:#c33!important;transform:scale(.92)}.ratio-modal{width:min(900px,95vw)!important;max-height:85vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.ratio-modal-header{flex-shrink:0;position:sticky;top:0;background:var(--bg-surface);z-index:10;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.ratio-modal-grid{flex:1;overflow-y:auto;padding:1rem 1.25rem 1.25rem}@media(max-width:768px){.ratio-modal{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important}.ratio-modal-header{padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top))}.ratio-modal-header h3{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 100px)}.ratio-modal-grid{display:flex;flex-direction:column;gap:1rem;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));overflow-y:auto!important;-webkit-overflow-scrolling:touch}.ratio-modal-image{flex-shrink:0;max-height:45vh!important;width:100%}.ratio-modal-image img{max-height:42vh!important;width:100%!important;object-fit:contain!important}.ratio-modal-details{max-height:none!important;overflow:visible!important}.ratio-modal-cards{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.ratio-modal-card{padding:.6rem .75rem!important}.ratio-modal-card span{font-size:.65rem!important}.ratio-modal-card strong{font-size:.95rem!important}}.ratio-modal-nav-arrows{display:flex;align-items:center;gap:.5rem;margin-left:auto}.ratio-modal-nav-btn{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ratio-modal-nav-btn:hover:not(:disabled){background:#ffffff26;color:#fff}.ratio-modal-nav-btn:disabled{opacity:.3;cursor:not-allowed}.ratio-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.75rem 1rem;margin:-.85rem -1rem;margin-bottom:0;border-radius:10px;transition:background .15s ease}.ratio-section-header:hover{background:#ffffff08}.ratio-section-header h4{margin:0!important;display:flex;align-items:center;gap:.5rem}.ratio-section-chevron{transition:transform .2s ease;opacity:.5}.ratio-section-chevron.expanded{transform:rotate(180deg)}.ratio-section-content{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.ratio-section-content.collapsed{max-height:0;opacity:0;margin-top:0}.ratio-section-content.expanded{max-height:1000px;opacity:1;margin-top:.75rem}.mesh-modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s ease}.mesh-modal-close:hover{background:#000c;transform:scale(1.1)}@media(max-width:768px){.image-lightbox-close-fixed{top:calc(15px + env(safe-area-inset-top));right:15px;width:52px;height:52px;font-size:26px;background:#f44!important;border:3px solid white!important;box-shadow:0 4px 24px #0009,0 0 0 4px #f446}.ratio-modal-nav-arrows{gap:.35rem}.ratio-modal-nav-btn{width:32px;height:32px}.image-lightbox-controls{position:fixed!important;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:100005}}.analysis-failed-state{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.failed-state-container{max-width:480px;text-align:center;padding:2.5rem;background:#ff646414;border:1px solid rgba(255,100,100,.25);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.failed-state-icon{font-size:4rem;margin-bottom:1rem}.failed-state-title{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#ff6b6b}.failed-state-message{font-size:1rem;line-height:1.6;margin:0 0 2rem;opacity:.85}.failed-state-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.failed-state-actions .primary-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:.85rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:200px}.failed-state-actions .primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf659}.failed-state-actions .ghost-button{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.65rem 1.5rem;border-radius:10px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background .15s}.failed-state-actions .ghost-button:hover{background:#ffffff0d}.lab-window.light-window .failed-state-container{background:#ff64640f;border-color:#dc50504d}.lab-window.light-window .failed-state-title{color:#dc3545}.lab-window.light-window .failed-state-actions .ghost-button{border-color:#00000026}@media(max-width:768px){.analysis-failed-state{padding:1rem;min-height:50vh}.failed-state-container{padding:1.75rem}.failed-state-icon{font-size:3rem}.failed-state-title{font-size:1.25rem}.failed-state-actions .primary-button{width:100%}}@media(max-width:430px){.dashboard-welcome{position:relative;z-index:1;isolation:isolate}.sessions-grid{position:relative;z-index:2;margin-top:1rem;isolation:isolate}.session-card{position:relative;z-index:1;isolation:isolate;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;-webkit-tap-highlight-color:rgba(255,255,255,.1)!important;-webkit-user-select:none!important;user-select:none!important}.session-card *{pointer-events:none!important}.session-card .session-menu-trigger{pointer-events:auto!important}.session-menu-dropdown{position:fixed!important;z-index:99999!important;pointer-events:auto!important;touch-action:manipulation!important;isolation:isolate}.session-menu-item{min-height:48px!important;padding:.75rem 1rem!important;touch-action:manipulation!important;pointer-events:auto!important;-webkit-tap-highlight-color:transparent!important}.modal-actions-compact,.modal-actions{position:relative;z-index:10005!important;isolation:isolate}.start-button-compact,.cancel-button-compact{min-height:50px!important;position:relative;z-index:10006!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;isolation:isolate}.new-appointment-fab{position:relative;z-index:1000!important;isolation:isolate;pointer-events:auto!important;touch-action:manipulation!important}.dashboard-welcome,.sessions-grid,.session-card{transform:none!important}}@supports (-webkit-touch-callout: none){.session-menu-dropdown,.session-menu-item,.start-button-compact,.cancel-button-compact,.new-appointment-fab{cursor:pointer!important;touch-action:manipulation!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}}@media(max-width:768px){.ratio-metrics-modal,.skin-map-modal,.landmark-modal,.ratio-modal{position:fixed!important;inset:120px 10px 100px!important;max-height:calc(100vh - 220px)!important;height:auto!important;overflow-y:auto!important;z-index:9999!important;border-radius:16px!important}.ratio-metrics-modal img,.landmark-modal img,.skin-map-modal img,.ratio-modal img{max-height:250px!important;width:auto!important;object-fit:contain!important}}@media(max-width:768px){.face-mesh-modal,.mesh-modal,.fullscreen-modal{position:fixed!important;inset:120px 10px 100px!important;max-height:calc(100vh - 220px)!important;z-index:9999!important;border-radius:16px!important;overflow:hidden!important}.face-mesh-modal .close-button,.mesh-modal .close-button,.fullscreen-modal .close-button,.face-mesh-modal .modal-close,.mesh-modal .modal-close,.ratio-modal .modal-close,.landmark-modal .modal-close{position:absolute!important;top:10px!important;right:10px!important;z-index:10000!important;background:#000000b3!important;border-radius:50%!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important}.face-mesh-modal img,.mesh-modal img{max-height:calc(100vh - 280px)!important;width:100%!important;object-fit:contain!important}}@media(max-width:768px){.ratio-modal-overlay,.landmark-modal-overlay,.mesh-modal-overlay,.skin-map-overlay{position:fixed!important;inset:0!important;z-index:9998!important;background:#000c!important}}@media(max-width:768px){.expanded-image-modal,.image-expand-modal,.annotated-image-expanded,.metric-image-expanded,.fullscreen-image-container,.image-viewer-modal,.photo-viewer,.lightbox,.lightbox-overlay,[class*=expanded-image],[class*=fullscreen-image],[class*=image-viewer]{position:fixed!important;inset:100px 8px 80px!important;max-height:calc(100vh - 180px)!important;max-height:calc(100dvh - 180px)!important;z-index:99999!important;background:#000000f2!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:50px 10px 10px!important}.expanded-image-modal .close-btn,.image-expand-modal .close-btn,.lightbox-overlay .close-btn,.lightbox .close-btn,[class*=expanded] .close-btn,[class*=image-modal] .close-btn,.modal-close-button,.lightbox-close,.image-close-btn{position:absolute!important;top:10px!important;right:10px!important;z-index:100001!important;background:#ffffff40!important;color:#fff!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;cursor:pointer!important;pointer-events:auto!important;border:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.expanded-image-modal img,.image-expand-modal img,.lightbox-overlay img,.lightbox img,[class*=expanded] img,[class*=image-modal] img,.lightbox-image{max-height:calc(100vh - 250px)!important;max-height:calc(100dvh - 250px)!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:12px!important}.lightbox-nav,.lightbox-arrow,.carousel-nav-left,.carousel-nav-right,.lightbox-prev,.lightbox-next{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:100000!important;background:#0009!important;width:44px!important;height:44px!important;border-radius:50%!important;pointer-events:auto!important;touch-action:manipulation!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important}.lightbox-prev,.carousel-nav-left{left:10px!important}.lightbox-next,.carousel-nav-right{right:10px!important}.modal-backdrop,.lightbox-backdrop,[class*=backdrop],[class*=overlay]:not(.modal-overlay){-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}}.new-appointment-fab,.start-button-compact,.cancel-button-compact,.danger-button,.ghost-button,.session-menu-trigger,.session-menu-item,.modal-actions button,.modal-actions-compact button,.btn-danger,.btn-secondary,.btn-danger-outline{-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;position:relative!important;z-index:1!important}.new-appointment-fab:before,.start-button-compact:before,.cancel-button-compact:before,.danger-button:before,.btn-danger:before,.btn-secondary:before,.session-menu-trigger:before,.session-menu-item:before{content:""!important;position:absolute!important;inset:-10px!important;z-index:-1!important}.modal-card{pointer-events:auto!important;touch-action:manipulation!important}.new-appointment-modal-compact{pointer-events:auto!important;touch-action:pan-y!important}.modal-overlay{pointer-events:auto!important}.modal-overlay>*{pointer-events:auto!important}.session-menu-dropdown{position:fixed!important;z-index:999999!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}.face-capture-fullscreen{position:fixed;inset:0;z-index:999999;background:#000}.face-capture-video-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.face-capture-video-fullscreen .face-capture-video{width:100%;height:100%;object-fit:cover}.face-capture-mesh-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.face-capture-video-fullscreen .face-capture-silhouette-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:320px;aspect-ratio:3/4;pointer-events:none;z-index:5}.face-capture-video-fullscreen .face-capture-silhouette{width:100%;height:100%;object-fit:contain;opacity:.45;filter:brightness(1.8);transition:opacity .5s ease-in-out}.face-capture-overlay-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,20px) + 12px) 16px 12px 16px;background:linear-gradient(to bottom,#000000b3,#0000);z-index:100}.face-capture-overlay-header h3{margin:0;font-size:20px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.face-capture-header-buttons{display:flex;align-items:center;gap:12px}.camera-flip-btn-overlay,.face-capture-close-btn-overlay{width:44px;height:44px;border-radius:50%;background:#1e1e32cc;border:2px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.camera-flip-btn-overlay:active,.face-capture-close-btn-overlay:active{transform:scale(.95);background:#323250e6}.face-capture-brackets-fullscreen{position:absolute;inset:20% 10% 30%;pointer-events:none;z-index:20}.bracket-fs{position:absolute;width:50px;height:50px;border:4px solid #8b5cf6;transition:border-color .3s ease;filter:drop-shadow(0 0 6px currentColor)}.bracket-fs.top-left{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:16px}.bracket-fs.top-right{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:16px}.bracket-fs.bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:16px}.bracket-fs.bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:16px}.face-capture-countdown-fullscreen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50}.countdown-number-fs{font-size:120px;font-weight:700;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.7),0 0 60px rgba(139,92,246,.5);animation:countdownPulseFs 1s ease-in-out infinite}@keyframes countdownPulseFs{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.face-capture-overlay-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:16px 16px calc(env(safe-area-inset-bottom,20px) + 16px) 16px;background:linear-gradient(to top,#000000d9,#00000080 60%,#0000);z-index:100;gap:12px}.face-capture-feedback-overlay{text-align:center}.feedback-text-overlay{font-size:18px;font-weight:600;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5);transition:color .3s ease}.face-capture-status-indicators-overlay{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.face-capture-status-indicators-overlay .status-indicator{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#1e1e32cc;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.face-capture-status-indicators-overlay .status-dot{width:10px;height:10px;border-radius:50%;background:#666;transition:all .3s ease}.face-capture-status-indicators-overlay .status-indicator.active .status-dot{background:#4caf50;box-shadow:0 0 10px #4caf50}.face-capture-status-indicators-overlay .status-label{font-size:13px;color:#fffc;font-weight:500}.face-capture-cancel-btn-overlay{margin-top:8px;padding:14px 48px;font-size:16px;font-weight:600;color:#fff;background:#3c3c50cc;border:1px solid rgba(255,255,255,.2);border-radius:30px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease;-webkit-tap-highlight-color:transparent}.face-capture-cancel-btn-overlay:active{transform:scale(.97);background:#505064e6}.face-capture-guide-modal{position:fixed;inset:0;z-index:999999;background:#000000f2;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 120px) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + 80px) env(safe-area-inset-left)}.face-capture-guide-content{width:calc(100% - 32px);max-width:400px;max-height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a2e,#16162a);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #0009}.face-capture-guide-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.face-capture-guide-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.face-capture-close-btn{background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.face-capture-close-btn:hover,.face-capture-close-btn:active{background:#fff3;color:#fff}.face-capture-guide-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;overflow-y:auto;min-height:0}.face-capture-video-container{position:relative;width:100%;max-width:280px;aspect-ratio:3/4;border-radius:24px;overflow:hidden;background:#000;flex-shrink:0;border:2px solid rgba(139,92,246,.3);box-shadow:0 0 20px #8b5cf626,inset 0 0 30px #00000080}.face-capture-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-capture-silhouette-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-capture-silhouette{width:80%;height:80%;object-fit:contain;opacity:.5;filter:brightness(1.8);transition:opacity .5s ease-in-out}.face-guide-svg{width:70%;height:70%;max-width:280px;max-height:350px}.face-capture-progress-ring{display:none}.face-capture-progress-ring circle{transition:stroke-dashoffset .3s ease,stroke .3s ease}.face-capture-countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.countdown-number{font-size:72px;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.face-capture-brackets{position:absolute;inset:8%;pointer-events:none}.bracket{position:absolute;width:40px;height:40px;border:3px solid #8b5cf6;transition:border-color .3s ease,box-shadow .3s ease}.bracket{filter:drop-shadow(0 0 4px currentColor)}.bracket.top-left{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:12px}.bracket.top-right{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:12px}.bracket.bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:12px}.bracket.bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:12px}.face-capture-feedback{text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center}.face-capture-feedback .feedback-text{font-size:16px;font-weight:500;margin:0;transition:color .3s ease}.face-capture-status-indicators{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.status-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:20px;transition:all .3s ease}.status-indicator.active{background:#4caf5033}.status-dot{width:8px;height:8px;border-radius:50%;background:#666;transition:background .3s ease,box-shadow .3s ease}.status-indicator.active .status-dot{background:#4caf50;box-shadow:0 0 8px #4caf5099}.status-label{font-size:12px;color:#ffffffb3;font-weight:500}.status-indicator.active .status-label{color:#4caf50}.face-capture-guide-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.face-capture-cancel-btn{padding:12px 32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.face-capture-cancel-btn:hover,.face-capture-cancel-btn:active{background:#ffffff26}@media(min-width:768px){.face-capture-guide-modal{padding:calc(env(safe-area-inset-top) + 140px) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + 100px) env(safe-area-inset-left)}.face-capture-guide-content{max-width:450px}.face-capture-video-container{max-width:320px}.countdown-number{font-size:80px}.bracket{width:50px;height:50px}}@media(max-height:700px){.face-capture-guide-modal{padding:calc(env(safe-area-inset-top) + 100px) 12px calc(env(safe-area-inset-bottom) + 70px) 12px}.face-capture-guide-body{padding:10px;gap:8px}.face-capture-video-container{max-width:220px}.countdown-number{font-size:48px}.bracket{width:30px;height:30px}.face-capture-status-indicators{gap:6px;flex-wrap:wrap;justify-content:center}.status-indicator{padding:4px 8px;font-size:11px}.face-capture-guide-header,.face-capture-guide-footer{padding:12px 16px}}.guided-capture-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#6fe6ff26,#6fe6ff0d);border:1px solid rgba(111,230,255,.3);border-radius:12px;color:#6fe6ff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-appearance:none;appearance:none;position:relative;z-index:10;min-height:50px;user-select:none;-webkit-user-select:none;text-align:center;line-height:1.2;white-space:nowrap}.guided-capture-btn span:last-child{font-size:13px}.guided-capture-btn:hover,.guided-capture-btn:active{background:linear-gradient(135deg,#6fe6ff40,#6fe6ff1a);border-color:#6fe6ff80}.guided-capture-btn:disabled{opacity:.5;pointer-events:none}.guided-capture-btn .glass-icon{filter:brightness(1.2) drop-shadow(0 0 4px rgba(111,230,255,.3))}.ai-guidance-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:linear-gradient(135deg,#4caf5033,#4caf501a);border-radius:10px;font-size:11px;font-weight:600;color:#4caf50;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.ai-guidance-badge:before{content:"✨";font-size:10px}.guided-capture-btn.guided-capture-btn-minimal{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-appearance:none;appearance:none;position:relative;z-index:10;width:100%;white-space:nowrap}.guided-capture-btn.guided-capture-btn-minimal:hover,.guided-capture-btn.guided-capture-btn-minimal:active{background:#ffffff26;border-color:#fff6}.guided-capture-btn.guided-capture-btn-minimal:disabled{opacity:.5;pointer-events:none}.guided-capture-btn.guided-capture-btn-minimal .ai-guidance-badge{display:none}.concern-section{margin-top:.5rem}.concern-label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;color:#ffffffe6;font-weight:500;font-size:.95rem}.concern-label .optional-indicator{font-size:.8rem;color:#ffffff80;font-weight:400}.concern-chips-container{display:flex;flex-wrap:wrap;gap:10px}.concern-chip{padding:10px 18px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-appearance:none;appearance:none;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#ffffffd9}.concern-chip:hover{background:#ffffff1a;border-color:#ffffff4d}.concern-chip.selected{background:var(--accent-color, rgb(220, 200, 255));border-color:var(--accent-color, rgba(220, 200, 255, 1));color:#fff;font-weight:600;box-shadow:0 2px 8px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.3)}.concern-chip.selected:hover{filter:brightness(1.1)}.optional-details-textarea{width:100%;margin-top:16px;padding:12px;border-radius:12px;background:#0003;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;min-height:80px;resize:none;font-family:inherit;transition:border-color .2s ease}.optional-details-textarea:focus{outline:none;border-color:var(--glow-medium, rgba(220, 200, 255, .5));background:#0000004d}.optional-details-textarea::placeholder{color:#fff6}@media(max-width:480px){.concern-chip{padding:8px 14px;font-size:13px}.concern-chips-container{gap:8px}}.camera-flip-btn{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.camera-flip-btn:hover,.camera-flip-btn:active{background:#000000b3;border-color:#ffffff80}.camera-flip-btn svg{transition:transform .3s ease}.camera-flip-btn:active svg{transform:rotate(180deg)}.face-capture-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;background:#000000e6;border-radius:0}.face-capture-error svg{margin-bottom:12px}.face-capture-error p{color:#fff;margin:0;font-size:14px;line-height:1.4}.face-capture-requesting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#000000e6;border-radius:50%;padding:20px}.face-capture-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top-color:#9c27b0;border-radius:50%;animation:face-capture-spin 1s linear infinite}@keyframes face-capture-spin{to{transform:rotate(360deg)}}.metrics-view-toggle{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:#0000004d;border-radius:12px;width:fit-content}.view-toggle-btn{padding:10px 20px;border:none;border-radius:8px;background:transparent;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{color:#ffffffe6;background:#ffffff1a}.view-toggle-btn.active{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;box-shadow:0 2px 8px #9c27b066}.side-profile-image-container{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:300px;max-height:500px;overflow:hidden}.side-overlay-toggle{position:absolute;top:12px;right:12px;display:flex;gap:4px;padding:3px;background:#0009;border-radius:8px;z-index:10}.overlay-toggle-btn{padding:6px 12px;border:none;border-radius:6px;background:transparent;color:#fff9;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.overlay-toggle-btn:hover{color:#ffffffe6}.overlay-toggle-btn.active{background:#6fe6ff4d;color:#6fe6ff}.side-profile-mesh{object-fit:contain!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:460px!important;margin:0 auto!important;display:block!important;border-radius:12px}.cephalometric-measurements{display:flex;flex-direction:column;gap:12px}.cephalometric-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06);transition:all .2s ease;cursor:pointer;align-items:center}.cephalometric-row:hover{background:#ffffff0f;border-color:#9c27b04d}.cephalometric-name{font-weight:500;color:#ffffffe6;font-size:13px}.cephalometric-values{display:flex;flex-direction:column;gap:6px}.cephalometric-range-meta{display:flex;justify-content:space-between;font-size:11px;color:#ffffff80}.cephalometric-status{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.comparison-slider-container{position:relative;width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#000}.comparison-image-before,.comparison-image-after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.comparison-image-before{clip-path:inset(0 0 0 0)}.comparison-slider{position:absolute;top:0;bottom:0;width:4px;background:#fff;cursor:ew-resize;z-index:10}.comparison-slider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d}.comparison-slider:after{content:"◀ ▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#333;white-space:nowrap}.comparison-labels{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none}.comparison-label{padding:6px 12px;background:#000000b3;border-radius:6px;font-size:12px;font-weight:500;color:#fff}@media(max-width:480px){.metrics-view-toggle{width:100%}.view-toggle-btn{flex:1;padding:8px 12px;font-size:13px}.cephalometric-row{grid-template-columns:1fr;gap:8px}.cephalometric-values{order:3}.cephalometric-status{order:2}}@media(max-width:375px){.modal-overlay{padding:.75rem!important;padding-top:calc(.75rem + env(safe-area-inset-top) + 120px)!important;padding-bottom:calc(.75rem + env(safe-area-inset-bottom) + 80px)!important}.modal-card,.new-appointment-modal-compact{max-height:calc(100vh - 220px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:1rem!important}.guided-capture-btn.guided-capture-btn-minimal{padding:10px 16px;font-size:13px}}.web-portal-page{min-height:100vh;width:100%;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);display:flex;align-items:center;justify-content:center;padding:40px 20px}.web-portal-container{width:100%;max-width:440px}.web-portal-container.wide{max-width:600px}.web-portal-card{background:linear-gradient(135deg,#1a1a2ef2,#16162ae6);border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf61a}.web-portal-logo{display:block;width:80px;height:80px;margin:0 auto 24px;object-fit:contain}.web-portal-logo-container{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 24px}.web-portal-logo-mark{width:40px;height:40px;object-fit:contain}.web-portal-logo-text{height:24px;object-fit:contain}.web-portal-card h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff;text-align:center}.web-portal-subtitle{margin:0 0 32px;font-size:15px;color:#a0a0b0;text-align:center;line-height:1.5}.web-portal-subtitle strong{color:#8b5cf6}.web-portal-form{display:flex;flex-direction:column;gap:20px}.web-portal-section{padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;margin-bottom:8px}.web-portal-section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:1px}.web-portal-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.web-portal-row{grid-template-columns:1fr}}.web-portal-input{display:flex;flex-direction:column;gap:6px}.web-portal-input label{font-size:13px;font-weight:500;color:#a0a0b0}.web-portal-input input,.web-portal-input select,.web-portal-input textarea{padding:14px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;transition:all .2s ease}.web-portal-input input:focus,.web-portal-input select:focus,.web-portal-input textarea:focus{outline:none;border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf626}.web-portal-input input::placeholder,.web-portal-input textarea::placeholder{color:#6b6b7b}.web-portal-input input[type=color]{padding:4px;height:48px;cursor:pointer}.web-portal-input input[type=file]{padding:10px 12px;cursor:pointer}.web-portal-input input[type=file]::file-selector-button{padding:8px 16px;margin-right:12px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#8b5cf6;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.web-portal-input input[type=file]::file-selector-button:hover{background:#8b5cf64d}.web-portal-input textarea{resize:vertical;min-height:100px}.web-portal-input select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b5cf6' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.web-portal-error{padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:14px;text-align:center}.business-signup-form .web-portal-section{margin-bottom:16px}.business-signup-form .section-hint{font-size:13px;color:#8b8b9b;margin:-8px 0 12px}.business-signup-form .field-hint{font-size:12px;color:#6b6b7b;margin:-4px 0 8px}.colors-row{grid-template-columns:repeat(3,1fr)!important}@media(max-width:600px){.colors-row{grid-template-columns:1fr 1fr!important}}@media(max-width:400px){.colors-row{grid-template-columns:1fr!important}}.color-input .color-input-wrapper{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px}.color-input .color-input-wrapper input[type=color]{width:40px;height:40px;padding:2px;border:none;border-radius:8px;cursor:pointer;background:transparent}.color-input .color-input-wrapper span{font-size:13px;color:#a0a0b0;font-family:monospace}.file-input-wrapper .file-selected{font-size:12px;color:#8b5cf6;margin-top:4px}.modules-checkbox-row{display:flex;gap:12px;flex-wrap:wrap}.module-checkbox{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;flex:1;min-width:140px}.module-checkbox:hover{background:#8b5cf61a;border-color:#8b5cf64d}.module-checkbox.active{background:#8b5cf626;border-color:#8b5cf6}.module-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#8b5cf6;cursor:pointer}.module-checkbox .checkbox-label{font-size:14px;color:#e0e0e8;font-weight:500}.module-checkbox.active .checkbox-label{color:#fff}.portal-landing{max-width:500px!important}.portal-options{display:flex;flex-direction:column;gap:16px;margin-top:24px}.portal-option-card{display:block;padding:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;transition:all .2s ease}.portal-option-card:hover{background:#8b5cf61a;border-color:#8b5cf666;transform:translateY(-2px)}.portal-option-icon{font-size:32px;margin-bottom:12px}.portal-option-card h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.portal-option-card p{margin:0;font-size:14px;color:#a0a0b0;line-height:1.4}.phone-input-wrapper{display:flex;position:relative;border-radius:14px;overflow:visible;background:#ffffff14;border:1px solid rgba(255,255,255,.12);transition:all .2s ease}.phone-input-wrapper:focus-within{border-color:#8b5cf680;background:#8b5cf614;box-shadow:0 0 0 3px #8b5cf626}.country-code-btn{display:flex;align-items:center;gap:6px;padding:14px 12px;background:#ffffff0d;border:none;border-right:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .2s ease;min-width:95px}.country-code-btn:hover{background:#ffffff1a}.country-code-btn .country-flag{font-size:20px;line-height:1}.country-code-btn .country-code{font-size:14px;font-weight:500;color:#e0e0e8}.country-code-btn .dropdown-arrow{font-size:10px;color:#8b8b9b;margin-left:2px}.phone-number-input{flex:1;padding:14px 16px!important;background:transparent!important;border:none!important;color:#fff;font-size:16px;letter-spacing:.5px}.phone-number-input:focus{outline:none!important;box-shadow:none!important}.phone-number-input::placeholder{color:#6b6b7b}.country-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:280px;max-height:320px;overflow-y:auto;background:linear-gradient(135deg,#1e1e2f,#181825);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 50px #00000080,0 0 0 1px #8b5cf61a;z-index:1000;padding:8px;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.country-picker-dropdown::-webkit-scrollbar{width:6px}.country-picker-dropdown::-webkit-scrollbar-track{background:transparent}.country-picker-dropdown::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.country-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:10px;color:#e0e0e8;cursor:pointer;transition:all .15s ease;text-align:left}.country-option:hover{background:#8b5cf626}.country-option.selected{background:#8b5cf633;border:1px solid rgba(139,92,246,.3)}.country-option .country-flag{font-size:22px;line-height:1}.country-option .country-name{flex:1;font-size:14px;font-weight:500}.country-option .country-code{font-size:13px;color:#8b8b9b;font-weight:500}.settings-label-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.verified-badge{font-size:11px;font-weight:600;color:#10b981;background:#10b98126;padding:2px 8px;border-radius:10px;letter-spacing:.3px}.settings-input-with-action{display:flex;align-items:center;gap:12px}.settings-input-with-action input{flex:1;cursor:not-allowed;opacity:.7}.change-link{font-size:13px;font-weight:600;color:#8b5cf6;text-decoration:none;padding:8px 14px;background:#8b5cf61a;border-radius:8px;transition:all .2s ease;white-space:nowrap}.change-link:hover{background:#8b5cf633;color:#a78bfa}.change-success{text-align:center;padding:20px 0}.change-success .success-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#10b98133,#10b9811a);border:2px solid rgba(16,185,129,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#10b981}.change-success h2{margin:0 0 12px;font-size:22px;color:#fff}.change-success p{margin:0;font-size:15px;color:#a0a0b0;line-height:1.5}.web-portal-button-secondary{width:100%;padding:16px 24px;background:transparent;border:1px solid rgba(139,92,246,.3);border-radius:14px;color:#8b5cf6;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.web-portal-button-secondary:hover{background:#8b5cf61a;border-color:#8b5cf680}.web-portal-back-link{display:block;text-align:center;margin-top:24px;color:#8b8b9b;text-decoration:none;font-size:14px;transition:color .2s ease}.web-portal-back-link:hover{color:#8b5cf6}.web-portal-button{padding:16px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.web-portal-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.web-portal-button:disabled{opacity:.6;cursor:not-allowed}.web-portal-back-link{display:block;margin-top:24px;text-align:center;color:#8b5cf6;font-size:14px;text-decoration:none;transition:color .2s ease}.web-portal-back-link:hover{color:#a78bfa}.web-portal-links{display:flex;justify-content:center;margin-top:16px}.web-portal-links a{color:#8b5cf6;font-size:14px;text-decoration:none;transition:color .2s ease}.web-portal-links a:hover{color:#a78bfa}.web-portal-footer{margin-top:24px;text-align:center;font-size:14px;color:#6b6b7b}.web-portal-footer a{color:#8b5cf6;text-decoration:none;font-weight:500}.web-portal-footer a:hover{text-decoration:underline}.otp-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px 0}.otp-input-group{display:flex;gap:8px;justify-content:center}.otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:700;background:#ffffff14;border:2px solid rgba(139,92,246,.3);border-radius:12px;color:#fff;transition:all .2s ease}.otp-input:focus{outline:none;border-color:#8b5cf6;background:#8b5cf626;box-shadow:0 0 0 3px #8b5cf633}.otp-resend{font-size:14px;color:#6b6b7b}.otp-resend button{background:none;border:none;color:#8b5cf6;font-size:14px;cursor:pointer;text-decoration:underline}.otp-resend button:disabled{color:#6b6b7b;cursor:not-allowed;text-decoration:none}.phone-input-container{display:flex;gap:8px}.phone-country-code{width:80px;flex-shrink:0}.phone-number-input{flex:1}.access-tokens-section{margin-top:32px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px}.access-tokens-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.generate-token-btn{padding:12px 20px;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid rgba(139,92,246,.3);border-radius:10px;color:#8b5cf6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.generate-token-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf64d,#3b82f64d)}.generate-token-btn:disabled{opacity:.6;cursor:not-allowed}.token-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.token-item{padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.token-info{flex:1;min-width:0}.token-url{font-size:12px;color:#8b5cf6;word-break:break-all;margin-bottom:4px}.token-meta{font-size:11px;color:#6b6b7b}.token-status{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500}.token-status.active{background:#22c55e26;color:#22c55e}.token-status.used{background:#6b728026;color:#6b7280}.token-status.expired{background:#ef444426;color:#ef4444}.token-actions{display:flex;gap:8px}.token-copy-btn,.token-revoke-btn{padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.token-copy-btn{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.token-copy-btn:hover{background:#8b5cf640}.token-revoke-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.token-revoke-btn:hover{background:#ef444440}.paywall-screen{position:fixed;inset:0;background:#0a0612;overflow:hidden;display:flex;flex-direction:column;z-index:1000;color:#fff!important}.paywall-bg{position:absolute;inset:0;z-index:1}.paywall-bg img{width:100%;height:100%;object-fit:cover}.paywall-container{position:relative;z-index:2;margin-top:auto;width:100%;max-height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.paywall-glass-card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:32px 32px 0 0;padding:12px 24px 24px;padding-bottom:calc(28px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.3);border-bottom:none;box-shadow:0 0 20px #ffffff40,0 0 40px #ffffff1a,0 -4px 20px #00000026,inset 0 1px 1px #ffffff26;display:flex;flex-direction:column;align-items:center;animation:paywallSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes paywallSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.paywall-handle{width:40px;height:5px;background:#ffffff59;border-radius:3px;margin:0 auto 16px;flex-shrink:0}.paywall-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}.paywall-logo-shape{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.paywall-logo-text{height:18px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.paywall-title{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:20px;line-height:1.25;letter-spacing:-.02em}.paywall-features{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.paywall-feature-item{display:flex;align-items:center;gap:12px;color:#fffc;font-size:.9rem;font-weight:500}.paywall-feature-icon{width:36px;height:36px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffffb3}.paywall-plans{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.paywall-plan-card{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:14px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left;color:inherit;font-family:inherit}.paywall-plan-card:hover{background:#ffffff0f;border-color:#fff3}.paywall-plan-card.selected{background:#ffffff14;border-color:#fff6;box-shadow:0 0 15px #ffffff26,0 0 30px #ffffff0d,inset 0 1px #ffffff26}.paywall-plan-info{display:flex;flex-direction:column;gap:3px}.paywall-plan-name{display:flex;align-items:center;gap:10px}.paywall-plan-name>span:first-child{font-size:.95rem;font-weight:600;color:#fff}.paywall-save-badge{font-size:.6rem;font-weight:700;color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:6px;letter-spacing:.05em}.paywall-plan-price{display:flex;align-items:baseline;gap:6px}.paywall-price-main{font-size:.85rem;font-weight:500;color:#fff9}.paywall-price-sub{font-size:.7rem;color:#ffffff59}.paywall-plan-radio{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.paywall-plan-radio.selected{border-color:#fff9;background:#ffffff0d}.paywall-radio-inner{width:10px;height:10px;border-radius:50%;background:#fff;animation:radioScale .3s cubic-bezier(.16,1,.3,1)}@keyframes radioScale{0%{transform:scale(0)}to{transform:scale(1)}}.paywall-subscribe-btn{width:100%;padding:16px 24px!important;font-size:1rem!important;font-weight:600!important;border-radius:16px!important;background:#8b5cf640!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #8b5cf626,inset 0 1px #ffffff26;letter-spacing:.02em}.paywall-subscribe-btn:hover:not(:disabled){background:#8b5cf659!important;border-color:#ffffff4d!important;box-shadow:0 0 30px #8b5cf640,inset 0 1px #fff3}.paywall-subscribe-btn:active:not(:disabled){transform:scale(.98)}.paywall-subscribe-btn:disabled{opacity:.5;cursor:wait}.paywall-error{width:100%;text-align:center;color:#ef4444;font-size:.8rem;margin-bottom:10px;padding:10px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:10px}.paywall-referral-section{width:100%;margin-top:16px;text-align:center}.paywall-referral-toggle{background:none;border:none;color:#ffffff73;font-size:.8rem;cursor:pointer;padding:6px;font-family:inherit}.paywall-referral-link{color:#ffffffb3;text-decoration:underline;text-underline-offset:3px;font-weight:500}.paywall-referral-input-group{display:flex;flex-direction:column;gap:10px;width:100%;animation:paywallSlideUp .3s ease}.paywall-referral-input{width:100%;padding:14px 16px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.9rem;font-family:inherit;letter-spacing:.1em;text-transform:uppercase;text-align:center;outline:none;transition:all .2s ease;box-sizing:border-box}.paywall-referral-input:focus{border-color:#fff6;background:#ffffff14;box-shadow:0 0 15px #ffffff1a}.paywall-referral-input::placeholder{color:#ffffff40;text-transform:none;letter-spacing:normal}.paywall-referral-submit{padding:12px 24px!important;border-radius:12px!important;font-size:.85rem!important}.paywall-referral-error{color:#ef4444;font-size:.8rem;text-align:center}.paywall-footer{width:100%;margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.paywall-terms{font-size:.7rem;color:#ffffff4d;text-align:center;line-height:1.4}.paywall-terms a{color:#ffffff73;text-decoration:underline;text-underline-offset:2px}.paywall-restore-btn{background:none;border:none;color:#ffffff59;font-size:.75rem;cursor:pointer;padding:4px 10px;border-radius:8px;transition:all .2s ease;font-family:inherit}.paywall-restore-btn:hover{color:#ffffff80;background:#ffffff0d}.paywall-signout-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;padding:12px 32px;border-radius:12px;font-family:inherit;position:relative;z-index:100;-webkit-tap-highlight-color:rgba(239,68,68,.3);touch-action:manipulation;-webkit-user-select:none;user-select:none;margin-top:4px;margin-bottom:8px}.paywall-signout-btn:active{background:#ef44444d;transform:scale(.95)}.settings-subscription-card{border:1px solid rgba(139,92,246,.2);background:#8b5cf60d}.subscription-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:8px}.subscription-status-badge.active{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981}.subscription-status-badge.referred{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c084fc}.btn-manage-subscription{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c084fc;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-top:8px}.btn-manage-subscription:hover{background:#8b5cf640}@media(max-height:700px){.paywall-glass-card{padding:10px 20px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.paywall-title{font-size:1.3rem;margin-bottom:14px}.paywall-features{gap:8px;margin-bottom:16px}.paywall-feature-icon{width:30px;height:30px;border-radius:8px}.paywall-feature-item{font-size:.8rem;gap:10px}.paywall-plan-card{padding:12px 14px}.paywall-logo-shape{width:26px;height:26px}.paywall-logo-text{height:14px}}@media(max-width:380px){.paywall-glass-card{padding:10px 18px 18px;padding-bottom:calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.paywall-title{font-size:1.2rem}}@supports (-webkit-backdrop-filter: blur(24px)){.paywall-glass-card{backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);background:#ffffff14}}.face-mesh-3d-container{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#140f23d9,#0a0814f2);border:1px solid rgba(139,92,246,.15);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.face-mesh-3d-container canvas{touch-action:none!important}.face-mesh-3d-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none}.face-mesh-3d-spinner{width:36px;height:36px;border-radius:50%;border:3px solid;animation:spin3d .8s linear infinite}@keyframes spin3d{to{transform:rotate(360deg)}}.face-mesh-3d-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#6b6b7b;font-size:14px;gap:4px}.face-mesh-3d-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.08);color:#e0e0e0;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;pointer-events:none;z-index:5}.face-mesh-3d-badge-dot{width:6px;height:6px;border-radius:50%;animation:pulse3d 2s ease-in-out infinite}@keyframes pulse3d{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.face-mesh-3d-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:5px 14px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.06);color:#8b8b9b;font-size:11px;pointer-events:none;z-index:5;white-space:nowrap}.face-mesh-3d-card{margin-top:12px}.face-mesh-3d-card .analysis-card-title{display:flex;align-items:center;gap:8px}.face-mesh-3d-card .analysis-card-title:before{content:"◆";color:#8b5cf6;font-size:10px}.live-camera-modal{position:fixed;inset:0;z-index:99999;background:#000;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.live-camera-content{display:flex;flex-direction:column;height:100%;width:100%;max-width:100vw;overflow:hidden}.live-camera-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#000000d9;z-index:2;flex-shrink:0}.live-camera-header h3{color:#fff;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:0}.live-camera-close{background:#ffffff1f;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.live-camera-viewfinder{flex:1;position:relative;overflow:hidden;background:#0a0a0a;display:flex;align-items:center;justify-content:center}.live-camera-canvas{width:100%;height:100%;object-fit:contain}.live-camera-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffffb3}.live-camera-controls{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 16px 20px;background:#000000e6;flex-shrink:0;position:relative;z-index:3}.live-mode-selector{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:100%}.live-mode-btn{padding:8px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:#ffffffbf;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.live-mode-btn.active{background:#4a90d9;border-color:#4a90d9;color:#fff;box-shadow:0 2px 12px #4a90d966}.live-mode-hint{color:#ffffff80;font-size:13px;font-style:italic}.live-capture-btn{width:68px;height:68px;border-radius:50%;border:3px solid rgba(255,255,255,.9);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease;padding:0}.live-capture-btn:active{transform:scale(.92)}.live-capture-btn:disabled{opacity:.3}.live-capture-btn-inner{width:56px;height:56px;border-radius:50%;background:#fff;transition:background .15s ease}.live-capture-btn:active .live-capture-btn-inner{background:#ffffffb3}.live-camera-buttons-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;justify-content:center}.live-camera-btn-compact{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid rgba(74,144,217,.3);background:#4a90d914;color:#4a90d9;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.live-camera-btn-compact:active{background:#4a90d933;transform:scale(.96)}.live-camera-btn-compact.kscan{border-color:#39ff144d;background:#39ff140f;color:#39ff14}.live-camera-btn-compact.kscan:active{background:#39ff1426}.kscan-modes-card{margin-bottom:12px}.kscan-modes-row{display:flex;gap:8px;justify-content:space-around;margin-top:10px}.kscan-mode-img-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:33%}.kscan-mode-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid rgba(127,127,127,.25);cursor:pointer;transition:transform .2s ease}.kscan-mode-img:active{transform:scale(.97)}.kscan-mode-label{font-size:10px;font-weight:600;color:#7f7f7fb3;text-transform:uppercase;letter-spacing:.5px;text-align:center}.visor-required-overlay{position:fixed;inset:0;z-index:999999;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.visor-required-card{background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.06);padding:32px 24px;max-width:340px;width:100%;text-align:center;box-shadow:0 24px 64px #0003}.visor-required-icon{width:56px;height:56px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f5f5f5;border:1px solid rgba(0,0,0,.06)}.visor-required-icon svg{width:28px;height:28px;color:#1a1a1a}.visor-required-card h3{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 8px}.visor-required-card p{color:#666;font-size:13px;line-height:1.5;margin:0 0 20px}.visor-required-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.visor-step{display:flex;align-items:center;gap:12px;color:#444;font-size:13px;text-align:left}.visor-step-num{width:24px;height:24px;border-radius:50%;background:#f0f0f0;color:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.visor-required-btn{width:100%;padding:14px;border-radius:12px;border:none;background:#1a1a1a;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s}.visor-required-btn:active{opacity:.7}.visor-status-row{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:.3px;transition:all .3s ease}.visor-status-row.connected{background:#39ff1414;border:1px solid rgba(57,255,20,.2)}.visor-status-row.disconnected{background:#7f7f7f0f;border:1px solid rgba(127,127,127,.15)}.visor-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.visor-status-dot.on{background:#39ff14;box-shadow:0 0 6px #39ff1480}.visor-status-dot.off{background:#7f7f7f66}.visor-status-label{color:#7f7f7fcc}.visor-status-row.connected .visor-status-label{color:#39ff14}.landing-page,.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box!important}.landing-page{min-height:100vh;width:100%!important;max-width:100vw!important;overflow-x:hidden;position:relative;opacity:0;transition:opacity .8s ease-out;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:0!important}.landing-page.visible{opacity:1}.landing-page .landing-container{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:60px!important;padding-right:60px!important;box-sizing:border-box!important}.landing-background{position:fixed;inset:0;background-image:url(/lumina_branded_background_8k.PNG);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}.landing-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#05020f40,#0a051933,#05020f4d);z-index:-1;pointer-events:none}.landing-glass-card{background:#ffffff0a;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.22);border-radius:20px;box-shadow:inset 1px 1px #ffffff59,2px 2px 14px #0000002e,0 0 10px #ffffff0f;padding:2rem 2.25rem}.landing-glass-card.landing-glass-card-universal{position:fixed;top:80px;bottom:80px;left:50%;transform:translate(-50%);width:min(1200px,calc(100% - 56px));max-height:calc(100vh - 160px);padding:0;margin:0;z-index:50;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);background:linear-gradient(145deg,#ffffff0f,#ffffff05,#ffffff0a);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 2px #ffffff80,inset 0 -1px 1px #ffffff0f,0 0 0 1px #fff3,0 0 20px #ffffff26,0 0 40px #dcebff1a,0 0 60px #c8dcff0f,0 4px 28px #00000040}.landing-glass-card-universal .terminal-card-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:2rem 3rem}.landing-glass-card-universal .terminal-card-brand{display:flex;justify-content:flex-start;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.landing-glass-card-universal .terminal-card-brand .landing-logo{display:flex;align-items:center;gap:.75rem}.landing-glass-card-universal .terminal-card-brand .landing-logo-shape{height:36px;width:auto;filter:brightness(1.1)}.landing-glass-card-universal .terminal-card-brand .landing-logo-text{height:22px;width:auto;filter:brightness(1.1)}.landing-glass-card-universal .terminal-card-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12)}.landing-glass-card-universal .terminal-card-footer .footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem}.landing-glass-card-universal .terminal-card-footer .footer-bottom{padding-top:1rem;text-align:center}.landing-glass-card-universal .terminal-card-footer .footer-tagline,.landing-glass-card-universal .terminal-card-footer .footer-links a,.landing-glass-card-universal .terminal-card-footer .footer-bottom p{color:#ffffffa6;font-size:.9rem}.landing-glass-card-universal .terminal-card-footer .footer-links a:hover{color:#fffffff2}.landing-glass-card-universal .terminal-card-footer .footer-bottom p{font-size:.85rem}.landing-glass-card-universal .terminal-card-block{margin-bottom:3.5rem}.landing-glass-card-universal .terminal-card-block:last-child{margin-bottom:0}.landing-glass-card-universal .terminal-card-hero .hero-grid{align-items:center}.landing-glass-card-universal .terminal-card-engine{display:flex;justify-content:center;align-items:center}.landing-glass-card-universal .terminal-card-engine .engine-diagram{margin:0 auto}.landing-page .landing-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0!important;background:linear-gradient(180deg,#0a0514e6,#0a051400);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box!important;display:flex!important;justify-content:center!important;pointer-events:auto!important}.landing-page .landing-header .landing-container{width:100%!important;max-width:1200px!important;margin:0 auto!important;padding-left:60px!important;padding-right:60px!important;pointer-events:auto}.landing-page .landing-header-content{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:2rem;pointer-events:auto}.landing-header-content .landing-logo{justify-self:start}.landing-header-content .console-button{justify-self:end}.landing-logo{display:flex;align-items:center;gap:.75rem}.landing-logo-shape{height:40px;width:auto;filter:brightness(1.1)}.landing-logo-text{height:24px;width:auto;filter:brightness(1.1)}.landing-page .console-button{display:flex;align-items:center;justify-content:center;padding:.6rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#ffffffe6;font-size:1.25rem;cursor:pointer;transition:all .3s ease;position:relative;z-index:101;pointer-events:auto!important}.landing-page .console-button:hover{color:#fff;background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.landing-page .landing-main{width:100%!important;min-height:100vh;padding:0;margin:0!important}.landing-page .hero-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4rem;align-items:stretch;width:100%!important;margin:0!important}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:50px;margin-bottom:1.5rem;animation:fade-in-up .8s ease-out .2s both}.badge-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-badge span:last-child{color:#ffffffe6;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;animation:fade-in-up .8s ease-out .4s both}.hero-title-line{display:block;color:#fff}.hero-title-accent{display:block;background:linear-gradient(135deg,#fff,#c4b5fd,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;line-height:1.7;color:#ffffffb3;margin-bottom:2rem;animation:fade-in-up .8s ease-out .6s both}.hero-cta{display:flex;align-items:center;gap:1rem;animation:fade-in-up .8s ease-out 1.2s both}.app-store-button{background:transparent;border:none;cursor:pointer;transition:all .3s ease;padding:0;display:inline-flex;align-items:center;justify-content:center}.app-store-button:hover{transform:scale(1.05)}.app-store-svg{height:44px;width:auto;transition:all .3s ease;display:block}.app-store-button:hover .app-store-svg{filter:brightness(1.1)}.cta-primary{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;background:linear-gradient(135deg,#fff,#fff);border:none;border-radius:50px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #fff6}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ffffff80}.cta-arrow{transition:transform .3s ease}.cta-primary:hover .cta-arrow{transform:translate(4px)}.landing-page .hero-stats{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;animation:fade-in-up .8s ease-out 1s both}.landing-page .hero-stats .stat{display:flex;flex-direction:column}.landing-page .hero-stats .stat-number{font-size:1.5rem!important;font-weight:700!important;color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important;background-clip:unset!important}.landing-page .hero-stats .stat-label{font-size:.8rem!important;color:#ffffffb3!important;text-transform:uppercase!important;letter-spacing:.5px!important;opacity:1!important}.landing-page .hero-stats .stat-divider{width:1px;height:40px;background:#ffffff4d}.hero-showcase{display:flex;justify-content:center;align-items:center;animation:fade-in-up .8s ease-out .6s both}.hero-showcase-image{max-width:100%;max-height:500px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 20px 60px rgba(255,255,255,.3))}.hero-image-frame{position:relative;width:480px;max-height:700px;padding:0}.hero-image{width:100%;height:auto;max-height:650px;display:block;border-radius:0;object-fit:contain;border:none;background:transparent;box-shadow:none}.hotspots-container{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;z-index:10}.hotspot-dot{position:relative;width:14px;height:14px;background:#00dcffe6;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 10px #00dcff99,0 0 20px #00dcff4d;transition:all .3s ease}.hotspot:hover .hotspot-dot,.hotspot.active .hotspot-dot{transform:scale(1.3);background:#00ffc8;box-shadow:0 0 15px #00ffc8cc,0 0 30px #00ffc866}.hotspot-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(0,220,255,.5);animation:hotspot-pulse 2s ease-out infinite}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.hotspot.active .hotspot-pulse{animation:none;opacity:0}.hotspot-tooltip{position:absolute;top:50%;transform:translateY(-50%);width:200px;padding:12px 14px;background:#0a0514f2;border:1px solid rgba(0,220,255,.3);border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000080,0 0 20px #00dcff26;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.hotspot-tooltip.right{left:calc(100% + 15px)}.hotspot-tooltip.left{right:calc(100% + 15px)}.hotspot:hover .hotspot-tooltip,.hotspot.active .hotspot-tooltip{opacity:1;visibility:visible}.hotspot-tooltip.right,.hotspot-tooltip.left,.hotspot:hover .hotspot-tooltip.right,.hotspot.active .hotspot-tooltip.right,.hotspot:hover .hotspot-tooltip.left,.hotspot.active .hotspot-tooltip.left{transform:translateY(-50%) translate(0)}.hotspot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hotspot-label{font-size:.85rem;font-weight:600;color:#fff}.hotspot-value{font-size:.9rem;font-weight:700;color:#00dcff;font-family:SF Mono,Monaco,monospace}.hotspot-description{font-size:.75rem;color:#fff9;line-height:1.4;margin:0}.hotspot:before{content:"";position:absolute;top:50%;width:0;height:1px;background:linear-gradient(90deg,rgba(0,220,255,.8),transparent);transition:width .3s ease}.hotspot-tooltip.right~.hotspot:before,.hotspot:has(.hotspot-tooltip.right):before{left:100%}.hotspot:has(.hotspot-tooltip.left):before{right:100%;background:linear-gradient(-90deg,rgba(0,220,255,.8),transparent)}.hotspot:hover:before,.hotspot.active:before{width:15px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.interactive-face-mesh-container{position:relative;width:100%;height:550px;max-width:550px}.face-mesh-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(ellipse at center,rgba(147,130,170,.25) 0%,rgba(120,100,150,.12) 50%,transparent 75%);border-radius:50%;filter:blur(50px);pointer-events:none;animation:mesh-glow-pulse 5s ease-in-out infinite}.face-mesh-glow-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:radial-gradient(ellipse at center,rgba(180,160,200,.2) 0%,rgba(150,130,175,.1) 50%,transparent 70%);border-radius:50%;filter:blur(30px);pointer-events:none;animation:mesh-glow-pulse-inner 4s ease-in-out infinite;animation-delay:.5s}@keyframes mesh-glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes mesh-glow-pulse-inner{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.15)}}.face-mesh-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.face-mesh-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.face-mesh-loading .loading-spinner{width:40px;height:40px;border:2px solid rgba(255,255,255,.1);border-top-color:#ffffff80;border-radius:50%;animation:face-mesh-spin 1s linear infinite}@keyframes face-mesh-spin{to{transform:rotate(360deg)}}.face-mesh-hint{position:absolute;bottom:15px;left:50%;transform:translate(-50%);font-size:.7rem;color:#ffffff4d;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.landing-page .terminal-card-engine{width:100%;position:relative}.landing-page .engine-diagram{position:relative;width:100%;max-width:600px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;--connector-length: clamp(60px, 12vw, 100px);--connector-gap: 6px}.landing-page .engine-center{position:relative;width:45%;aspect-ratio:1;display:grid;place-items:center;z-index:3;opacity:0;animation:chipFadeIn .8s ease-out .2s forwards}.landing-page .engine-chip-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 60px rgba(123,97,255,.5));animation:chipFloat 5s ease-in-out infinite}.landing-page .engine-glow{position:absolute;width:130%;height:130%;background:radial-gradient(circle,rgba(123,97,255,.3) 0%,transparent 70%);filter:blur(30px);z-index:-1;animation:glowPulse 3s ease-in-out infinite}.landing-page .engine-ring{position:absolute;border-radius:50%;border:1px solid rgba(167,139,250,.15);animation:ringSpin 20s linear infinite}.landing-page .ring-outer{width:140%;height:140%}.landing-page .ring-inner{width:120%;height:120%;animation-direction:reverse;animation-duration:15s}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes ringSpin{to{transform:rotate(360deg)}}.landing-page .engine-stats{position:absolute;inset:0;pointer-events:none}.landing-page .engine-stat{position:absolute;display:flex;align-items:center;gap:10px;opacity:0;animation:statFadeIn .5s ease-out forwards}.landing-page .stat-content{display:flex;flex-direction:column;gap:2px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 16px;border-radius:12px;border:1px solid rgba(167,139,250,.2)}.landing-page .stat-value{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:#fff;line-height:1}.landing-page .stat-label{font-family:Inter,-apple-system,sans-serif;font-size:.7rem;font-weight:400;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.landing-page .stat-connector{position:absolute;background:linear-gradient(90deg,#a78bfaa6,#a78bfa00);height:2px;border-radius:1px;transform-origin:left center;box-shadow:0 0 10px #a78bfa4d}.landing-page .stat-tl{top:12%;left:8%;animation-delay:.5s}.landing-page .stat-tl .stat-connector{width:var(--connector-length);left:100%;margin-left:var(--connector-gap);top:50%;transform:translateY(-50%) rotate(30deg)}.landing-page .stat-tr{top:12%;right:8%;flex-direction:row-reverse;animation-delay:.65s}.landing-page .stat-tr .stat-connector{width:var(--connector-length);right:100%;margin-right:var(--connector-gap);top:50%;transform:translateY(-50%) rotate(-30deg);transform-origin:right center;background:linear-gradient(90deg,#a78bfa00,#a78bfaa6)}.landing-page .stat-bl{bottom:12%;left:8%;animation-delay:.8s}.landing-page .stat-bl .stat-connector{width:var(--connector-length);left:100%;margin-left:var(--connector-gap);top:50%;transform:translateY(-50%) rotate(-30deg)}.landing-page .stat-br{bottom:12%;right:8%;flex-direction:row-reverse;animation-delay:.95s}.landing-page .stat-br .stat-connector{width:var(--connector-length);right:100%;margin-right:var(--connector-gap);top:50%;transform:translateY(-50%) rotate(30deg);transform-origin:right center;background:linear-gradient(90deg,#a78bfa00,#a78bfaa6)}@keyframes statFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.landing-page .terminal-card-engine{padding:0 1rem}.landing-page .engine-diagram{max-width:400px;--connector-length: clamp(54px, 18vw, 96px);--connector-gap: 5px}.landing-page .engine-center{width:40%}.landing-page .stat-value{font-size:1.2rem}.landing-page .stat-label{font-size:.6rem}.landing-page .stat-content{padding:10px 12px;border-radius:10px}.landing-page .stat-connector{height:2px}}@media(max-width:480px){.landing-page .terminal-card-engine{padding:0 .5rem}.landing-page .engine-diagram{max-width:320px;--connector-length: clamp(60px, 24vw, 110px);--connector-gap: 4px}.landing-page .engine-center{width:35%}.landing-page .stat-value{font-size:1rem}.landing-page .stat-label{font-size:.55rem;letter-spacing:.5px}.landing-page .stat-content{padding:8px 10px;border-radius:8px}.landing-page .engine-stat{gap:6px}.landing-page .stat-connector{height:2px}}.landing-page .terminal-card-features{width:100%!important}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:#fff;margin-bottom:.75rem}.section-subtitle{font-size:1rem;color:#fff9;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.feature-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#140a2866;border:1px solid rgba(255,255,255,.15)}.feature-card:hover,.feature-card.active{transform:translateY(-5px);border-color:#fff6;box-shadow:0 15px 35px #0006}.feature-image{width:100%;height:auto;display:block;transition:transform .3s ease}.feature-card:hover .feature-image{transform:scale(1.02)}.feature-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000000d9)}.feature-title{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.2rem}.feature-subtitle{font-size:.8rem;color:#fff9}.landing-page .landing-footer{position:fixed;bottom:0;left:0;right:0;z-index:90;width:100%!important;padding:2rem 0 1.5rem;background:linear-gradient(0deg,#0a0514eb,#0a051400);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);display:flex!important;justify-content:center!important}.footer-content{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand .landing-logo{margin-bottom:.5rem}.footer-tagline{color:#ffffff80;font-size:.85rem}.footer-right{display:flex;align-items:center;gap:1.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.footer-links a{color:#fff9;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fffffff2}.footer-bottom{padding-top:1.5rem;text-align:center}.footer-bottom p{color:#fff6;font-size:.85rem}@media(max-width:1024px){.landing-page .landing-container{padding-left:40px!important;padding-right:40px!important;margin-left:auto!important;margin-right:auto!important}.landing-page .landing-header{padding:1rem 0!important}.landing-page .landing-header .landing-container{padding-left:40px!important;padding-right:40px!important}.landing-page .landing-header-content{display:flex!important;justify-content:space-between!important}.landing-glass-card.landing-glass-card-universal{top:48px;bottom:48px;width:min(1200px,calc(100% - 48px));max-height:calc(100vh - 96px)}.landing-glass-card-universal .terminal-card-scroll{padding:2rem 2rem 2.5rem}.landing-glass-card-universal .terminal-card-block{margin-bottom:2.5rem}.landing-page .hero-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-content{align-items:center;order:2}.hero-showcase{order:1}.hero-badge{margin-bottom:1rem}.hero-badge span:last-child{font-size:.75rem}.hero-title{font-size:2.25rem;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem;max-width:480px}.hero-cta{margin-bottom:1.5rem}.hero-image-frame{width:280px}.hero-image{max-height:400px;border-radius:24px}.interactive-face-mesh-container{height:420px;max-width:420px}.hotspot-dot{width:10px;height:10px}.hotspot-tooltip{width:160px;padding:10px}.hotspot-label{font-size:.75rem}.hotspot-value{font-size:.8rem}.hotspot-description{font-size:.65rem}.landing-page .hero-stats{gap:1.5rem}.landing-page .hero-stats .stat-number{font-size:1.25rem!important}.landing-page .hero-stats .stat-label{font-size:.7rem!important}.landing-page .hero-stats .stat-divider{height:30px}.landing-page .terminal-card-features{margin-bottom:0}.landing-page .section-header{margin-bottom:2rem}.landing-page .section-title{font-size:1.5rem}.landing-page .section-subtitle{font-size:.9rem}.landing-page .features-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.landing-page .feature-card{border-radius:12px}.landing-page .feature-overlay{padding:.6rem}.landing-page .feature-title{font-size:.7rem}.landing-page .feature-subtitle{font-size:.6rem}.landing-page .landing-footer{padding:2rem 0 1.5rem}.landing-page .footer-content{flex-direction:column;gap:1.5rem;text-align:center}.landing-page .footer-brand .landing-logo{justify-content:center}}@media(max-width:768px){.landing-page{overflow-x:hidden!important}.landing-page .landing-container{padding-left:20px!important;padding-right:20px!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important}.landing-page .landing-header{padding:.75rem 0!important}.landing-page .landing-header .landing-container{padding-left:20px!important;padding-right:20px!important}.landing-page .landing-logo-shape{height:28px}.landing-page .landing-logo-text{height:16px}.landing-page .landing-logo{gap:.5rem}.landing-page .console-button{font-size:1rem;padding:.45rem;border-radius:8px}.landing-glass-card.landing-glass-card-universal{top:40px;bottom:40px;width:min(1200px,calc(100% - 32px));max-height:calc(100vh - 80px)}.landing-glass-card-universal .terminal-card-scroll{padding:1.5rem 1.25rem 2rem!important}.landing-glass-card-universal .terminal-card-block{margin-bottom:2rem!important}.landing-glass-card-universal .terminal-card-footer{margin-top:1.5rem;padding-top:1.5rem}.landing-glass-card-universal .terminal-card-footer .footer-content{flex-direction:column;text-align:center;gap:1rem}.landing-page .hero-grid{grid-template-columns:1fr!important;gap:1.5rem!important;text-align:center!important}.landing-page .hero-content{align-items:center!important;order:2!important}.landing-page .hero-showcase{order:1!important;width:100%!important;max-width:280px!important;margin:0 auto!important}.landing-page .hero-badge{padding:.4rem .8rem;margin-bottom:1rem}.landing-page .hero-badge span:last-child{font-size:.65rem}.hero-title{font-size:1.75rem}.landing-page .hero-subtitle{font-size:.9rem;line-height:1.5;margin-bottom:1rem;max-width:100%;padding:0 10px}.landing-page .hero-image-frame{width:200px;max-width:100%}.landing-page .hero-image{max-height:280px;border-radius:20px}.landing-page .interactive-face-mesh-container{height:250px!important;max-width:250px!important;width:100%!important;margin:0 auto!important}.landing-page .face-mesh-glow{width:200px;height:200px}.landing-page .face-mesh-glow-inner{width:140px;height:140px}.landing-page .face-mesh-hint,.landing-page .hotspots-container{display:none}.landing-page .app-store-svg{height:38px}.landing-page .hero-stats{gap:.75rem;flex-wrap:wrap;justify-content:center}.landing-page .hero-stats .stat{min-width:70px}.landing-page .hero-stats .stat-number{font-size:1.1rem!important}.landing-page .hero-stats .stat-label{font-size:.6rem!important}.landing-page .hero-stats .stat-divider{display:none}.landing-page .hero-cta{margin-bottom:0}.landing-page .terminal-card-features .section-header{margin-bottom:1.5rem}.landing-page .section-title{font-size:1.25rem}.landing-page .section-subtitle{font-size:.8rem}.landing-page .features-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.landing-page .feature-card{border-radius:10px}.landing-page .feature-overlay{padding:.5rem}.landing-page .feature-title{font-size:.6rem}.landing-page .feature-subtitle{display:none}.landing-page .landing-footer{padding:1.5rem 0 1rem}.landing-page .footer-content{flex-direction:column;gap:1rem;text-align:center;padding-bottom:1rem}.landing-page .footer-right{flex-direction:column;gap:1rem}.landing-page .footer-links,.landing-page .footer-brand .landing-logo{justify-content:center}.landing-page .footer-tagline{font-size:.7rem}.landing-page .footer-bottom{padding-top:1rem}.landing-page .footer-bottom p{font-size:.7rem}}@media(max-width:400px){.landing-page .landing-container{padding-left:12px!important;padding-right:12px!important;margin-left:auto!important;margin-right:auto!important}.landing-page .landing-header{padding:.5rem 0!important}.landing-page .landing-header .landing-container{padding-left:12px!important;padding-right:12px!important}.landing-page .landing-logo-shape{height:22px}.landing-page .landing-logo-text{height:12px}.landing-glass-card.landing-glass-card-universal{top:24px;bottom:24px;width:calc(100% - 24px);max-height:calc(100vh - 48px)}.landing-glass-card-universal .terminal-card-scroll{padding:1.25rem 1rem 1.5rem!important}.landing-glass-card-universal .terminal-card-brand{margin-bottom:.4rem;padding-bottom:.4rem}.landing-glass-card-universal .terminal-card-brand .landing-logo-shape{height:26px}.landing-glass-card-universal .terminal-card-brand .landing-logo-text{height:16px}.landing-page .hero-showcase{max-width:220px!important}.landing-page .interactive-face-mesh-container{height:200px!important;max-width:200px!important}.landing-page .face-mesh-glow{width:150px;height:150px}.landing-page .face-mesh-glow-inner{width:100px;height:100px}.landing-page .hero-badge{padding:.3rem .6rem}.landing-page .hero-badge span:last-child{font-size:.55rem}.hero-title{font-size:1.5rem}.landing-page .hero-subtitle{font-size:.8rem;margin-bottom:.75rem}.landing-page .hero-image-frame{width:140px}.landing-page .hero-image{max-height:200px;border-radius:16px}.landing-page .app-store-svg{height:32px}.landing-page .hero-stats{gap:.5rem}.landing-page .hero-stats .stat{min-width:60px}.landing-page .hero-stats .stat-number{font-size:.9rem!important}.landing-page .hero-stats .stat-label{font-size:.5rem!important}.landing-page .section-title{font-size:1.1rem}.landing-page .section-subtitle{font-size:.75rem}.landing-page .features-grid{gap:.4rem!important}.landing-page .feature-card{border-radius:8px}.landing-page .feature-overlay{padding:.3rem}.landing-page .feature-title{font-size:.55rem}.landing-page .feature-subtitle{display:none}}html{scroll-behavior:smooth}:root{--legal-bg-start: #0a0612;--legal-bg-mid: #1a0a2e;--legal-bg-end: #0f0820;--legal-glass-bg: rgba(26, 10, 46, .65);--legal-glass-border: rgba(255, 255, 255, .12);--legal-glass-backdrop: blur(20px) saturate(180%);--legal-font: var(--app-font-family, "Inter", system-ui, -apple-system, sans-serif);--legal-text: rgba(255, 255, 255, .88);--legal-text-muted: rgba(255, 255, 255, .55);--legal-accent: rgba(167, 139, 250, .9)}.legal-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--legal-bg-start) 0%,var(--legal-bg-mid) 50%,var(--legal-bg-end) 100%);color:#fff;font-family:var(--legal-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:24px 16px 40px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.legal-glass-pane{width:100%;max-width:800px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:var(--legal-glass-bg);backdrop-filter:var(--legal-glass-backdrop);-webkit-backdrop-filter:var(--legal-glass-backdrop);border:1px solid var(--legal-glass-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 20px #ffffff0f,inset 0 1px #ffffff14}.legal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--legal-glass-border);background:#ffffff08}.legal-back-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:#ffffff0f;border:1px solid var(--legal-glass-border);color:var(--legal-text);font-family:var(--legal-font);font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.legal-back-link:hover{background:#ffffff1f;border-color:#fff3;color:#fff}.legal-header-title{font-size:1rem;font-weight:600;color:var(--legal-text-muted);margin:0}.legal-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.legal-container{padding:28px 24px 32px;line-height:1.7;max-width:800px;margin:0 auto}.legal-page h1{font-family:var(--legal-font);font-size:1.75rem;font-weight:600;margin:0 0 6px;color:#fff;letter-spacing:-.02em}.legal-updated{font-size:.875rem;color:var(--legal-text-muted);margin-bottom:28px}.legal-page section{margin-bottom:28px}.legal-page h2{font-family:var(--legal-font);font-size:1.15rem;font-weight:600;color:#fffffff2;margin:28px 0 12px;letter-spacing:-.01em}.legal-page h2:first-of-type{margin-top:0}.legal-page h3{font-family:var(--legal-font);font-size:1rem;font-weight:600;color:#ffffffe6;margin:20px 0 8px}.legal-page p{color:var(--legal-text);font-size:.9375rem;margin-bottom:14px}.legal-page ul{margin:0 0 14px;padding-left:22px}.legal-page li{color:var(--legal-text);margin-bottom:6px;font-size:.9375rem}.legal-page strong{color:#fff;font-weight:600}.legal-body-back{margin-top:32px}.legal-body-back .legal-back-link{display:inline-flex}@media(max-width:768px){.legal-page{padding:16px 12px 24px}.legal-glass-pane{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.legal-header{padding:12px 16px}.legal-back-link{font-size:.85rem;padding:6px 12px}.legal-header-title{font-size:.9rem}.legal-container{padding:20px 18px 24px}.legal-page h1{font-size:1.5rem}.legal-page h2{font-size:1.05rem}.legal-page h3{font-size:.95rem}.legal-page p,.legal-page li{font-size:.9rem}}