html{font-size:16px}body{min-height:100dvh;background:#10221d}:root{--primary: #1d56c9;--primary-10: rgba(29, 86, 201, .08);--primary-20: rgba(29, 86, 201, .16);--primary-30: rgba(29, 86, 201, .28);--primary-50: rgba(29, 86, 201, .5);--bg: #f5f5f7;--bg-card: #ffffff;--bg-input: #f0f0f3;--glass: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .85);--text: #111827;--text-muted: #6b7280;--text-dim: #9ca3af;--border: #e5e7eb;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-full: 9999px;--font: "Manrope", sans-serif;--font-serif: "Playfair Display", serif;--shadow-primary: 0 8px 28px rgba(29, 86, 201, .35);--shadow-card: 0 2px 12px rgba(0,0,0,.07);--shadow-glass: 0 8px 32px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#root{height:100%}button{cursor:pointer;background:none;border:none;font-family:var(--font);color:inherit}input{font-family:var(--font)}a{text-decoration:none;color:inherit}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;background:var(--bg);position:relative;overflow-x:hidden}.landing{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg)}.landing__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;position:absolute;top:0;left:0;right:0;z-index:10}.landing__logo-wrap{display:none}.landing__logo-text{font-size:20px;font-weight:800;color:#fff;letter-spacing:6px;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.3)}.landing__header-menu{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:#fff;transition:background .2s}.landing__header-menu:hover{background:#ffffff26}.landing__hero{position:relative;width:100%;height:68vh;min-height:420px;overflow:hidden;flex-shrink:0}.landing__hero-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:contrast(1.08) saturate(.85)}.landing__hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,#0000,#00000014 35%,#000000c7 85%,#000000e0);display:flex;flex-direction:column;justify-content:flex-end;padding:36px 28px}.landing__hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffb3;margin-bottom:12px}.landing__title{display:flex;flex-direction:column;gap:2px}.landing__title-small{font-family:var(--font);font-size:15px;font-weight:500;color:#ffffffb3;letter-spacing:2px;text-transform:uppercase}.landing__title-serif{font-size:54px;font-weight:800;line-height:1;color:#fff;letter-spacing:-2px;text-shadow:0 4px 24px rgba(0,0,0,.2)}.landing__title-amp{font-size:16px;font-weight:600;color:#ffffff80;letter-spacing:4px;text-transform:uppercase;margin-top:8px}.landing__main{flex:1;display:flex;flex-direction:column;align-items:center;padding:28px 24px 60px;text-align:center;background:var(--bg)}.landing__badge{display:none}.landing__title-accent{color:var(--primary)}.landing__desc{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:28px;max-width:300px}.landing__features{display:flex;gap:16px;margin-bottom:32px}.landing__feature{display:flex;flex-direction:column;align-items:center;gap:8px}.landing__feature-icon-wrap{width:72px;height:72px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 20px #1d56c91f;transition:transform .2s,box-shadow .2s}.landing__feature-icon-wrap:hover{transform:translateY(-3px);box-shadow:0 8px 28px #1d56c933}.landing__feature-icon-wrap .material-symbols-outlined{font-size:34px;font-variation-settings:"FILL" 1,"wght" 300}.landing__feature-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px}.landing__cta{display:flex;align-items:center;gap:8px;padding:18px 36px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:16px;font-weight:800;box-shadow:var(--shadow-primary);transition:filter .2s,transform .15s;width:100%;justify-content:center;margin-bottom:14px}.landing__cta:hover{filter:brightness(1.1)}.landing__cta:active{transform:scale(.97)}.landing__cta:disabled{opacity:.6;cursor:not-allowed}.landing__note{font-size:11px;color:var(--text-dim);margin-bottom:20px}.landing__legal{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.landing__legal a{font-size:11px;color:var(--text-dim);text-decoration:underline;text-underline-offset:2px;transition:color .2s}.landing__legal a:hover{color:var(--primary)}.landing__legal-dot{font-size:11px;color:var(--text-dim)}.form-hero{position:relative;width:100%;height:180px;overflow:hidden;flex-shrink:0}.form-hero__img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;filter:contrast(1.05) saturate(.8)}.form-hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000059,#0000008c);display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px 20px}.form-hero__back{width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s;align-self:flex-start}.form-hero__back:hover{background:#ffffff47}.form-hero__text{display:flex;flex-direction:column;gap:4px}.form-hero__tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff9}.form-hero__title{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1}.form-hero__sub{font-size:12px;font-weight:500;color:#fff9;margin-top:2px}.header{display:none}.header__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text);transition:background .2s}.header__back:hover{background:var(--primary-10);color:var(--primary)}.header__title{flex:1;text-align:center;font-size:17px;font-weight:800;letter-spacing:-.3px;color:var(--text);padding-right:40px}.header__spacer{width:40px}.main{flex:1;overflow-y:auto;padding:28px 20px 130px;display:flex;flex-direction:column;gap:24px}.section-hero{text-align:center}.section-hero__title{font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-.5px;color:var(--text);margin-bottom:10px}.section-hero__sub{font-size:13px;color:var(--text-muted);line-height:1.7}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:var(--radius-xl);border:2px dashed rgba(29,86,201,.25);background:var(--bg-card);padding:40px 24px;cursor:pointer;transition:all .25s;min-height:220px;box-shadow:var(--shadow-card)}.upload-zone:hover,.upload-zone--drag{border-color:var(--primary-50);background:var(--primary-10);box-shadow:0 0 0 4px var(--primary-10)}.upload-zone--filled{padding:0;border-style:solid;border-color:#1d56c966;overflow:hidden;cursor:default;min-height:0}.upload-zone__icon-wrap{width:72px;height:72px;border-radius:var(--radius-full);background:var(--primary-10);border:1px solid var(--primary-20);display:flex;align-items:center;justify-content:center;color:var(--primary)}.upload-zone__icon{font-size:34px}.upload-zone__title{font-size:16px;font-weight:700;color:var(--text)}.upload-zone__sub{font-size:12px;color:var(--text-muted);text-align:center}.upload-zone__btn{margin-top:4px;padding:11px 28px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:14px;font-weight:800;box-shadow:var(--shadow-primary);transition:filter .2s,transform .15s}.upload-zone__btn:hover{filter:brightness(1.1)}.upload-zone__btn:active{transform:scale(.97)}.upload-zone__preview{width:100%;height:auto;object-fit:contain;border-radius:calc(var(--radius-xl) - 2px);max-height:520px;display:block}.upload-zone__remove{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:var(--radius-full);background:#ffffffd9;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;transition:all .2s;box-shadow:var(--shadow-card)}.upload-zone__remove .material-symbols-outlined{font-size:18px}.upload-zone__remove:hover{background:var(--primary-10);color:var(--primary);border-color:var(--primary-30)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-field{display:flex;flex-direction:column;gap:8px}.metric-label{font-size:10px;font-weight:800;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding-left:4px}.metric-input{width:100%;padding:16px;border-radius:var(--radius-md);border:none;background:var(--bg-card);color:var(--text);font-size:18px;font-weight:700;outline:none;transition:all .25s;-moz-appearance:textfield;box-shadow:var(--shadow-card)}.metric-input::-webkit-inner-spin-button,.metric-input::-webkit-outer-spin-button{-webkit-appearance:none}.metric-input:focus{box-shadow:0 0 0 2px var(--primary)}.metric-input::placeholder{color:var(--text-dim);font-weight:400;font-size:16px}.goal-label{display:block;font-size:10px;font-weight:800;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding-left:4px;margin-bottom:14px}.goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.goal-btn{display:flex;flex-direction:row;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:all .25s;box-shadow:var(--shadow-card);text-align:left}.goal-btn:hover{background:var(--primary-10);border-color:var(--primary-30);color:var(--text)}.goal-btn--active{background:var(--primary-10);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 2px var(--primary-20)}.goal-btn__icon{font-size:22px;flex-shrink:0}.goal-btn__label{font-size:14px;font-weight:700}.scan-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f7eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);gap:28px;padding:40px 32px}.scan-card{position:relative;width:200px;height:260px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 40px #1d56c926;background:#fff}.scan-card__bg{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-10),rgba(29,86,201,.05));display:flex;align-items:center;justify-content:center}.scan-card__icon{font-size:64px;color:#1d56c933}.scan-line{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);box-shadow:0 0 12px var(--primary);animation:scan 2.5s ease-in-out infinite}@keyframes scan{0%{top:0%;opacity:1}90%{top:100%;opacity:1}to{top:100%;opacity:0}}.scan-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--primary);color:#fff;font-size:9px;font-weight:800;letter-spacing:1px;padding:5px 12px;border-radius:var(--radius-full);white-space:nowrap}.scan-text{font-size:14px;font-weight:500;color:var(--text-muted);text-align:center;line-height:1.7;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.scan-dots{display:flex;gap:8px}.scan-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--primary);animation:dot-pulse 1.4s ease-in-out infinite}.scan-dot:nth-child(2){animation-delay:.2s}.scan-dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.section-result{border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-card)}.result__header{display:flex;align-items:center;gap:8px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.result__header .material-symbols-outlined{color:var(--primary);font-size:20px}.result__header>span:not(.result__dossier-tag):not(.material-symbols-outlined){font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--text)}.result__dossier-tag{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary);background:var(--primary-10);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--primary-20)}.result__body{padding:22px;font-size:14px;line-height:1.85;color:var(--text)}.result__body p{margin-bottom:4px}.result__body p:empty{height:8px}.result__hairstyle{border-top:1px solid var(--border);padding:22px}.result__hairstyle-title{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:800;letter-spacing:-.2px;color:var(--text);margin-bottom:16px}.result__hairstyle-title .material-symbols-outlined{color:var(--primary);font-size:20px}.result__hairstyle-img{width:100%;border-radius:var(--radius-md);display:block;box-shadow:var(--shadow-card)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 4px}.result-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;border-radius:var(--radius-md);font-size:13px;font-weight:700;border:2px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:all .25s;box-shadow:var(--shadow-card)}.result-action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-10)}.result-action-btn--share{border-color:var(--border);color:var(--text-muted)}.result-action-btn:disabled{opacity:.5;cursor:not-allowed}.section-cta{display:flex;flex-direction:column;gap:12px}.cta-btn{width:100%;padding:19px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:17px;font-weight:800;box-shadow:var(--shadow-primary);transition:filter .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:8px}.cta-btn:hover:not(:disabled){filter:brightness(1.08)}.cta-btn:active:not(:disabled){transform:scale(.98)}.cta-btn:disabled{opacity:.7;cursor:not-allowed}.cta-note{text-align:center;font-size:10px;color:var(--text-dim);line-height:1.6;padding:0 16px}.loader{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:432px;display:flex;justify-content:space-around;align-items:center;background:#ffffffc7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-full);padding:12px 8px;z-index:20;box-shadow:0 8px 32px #0000001f}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-dim);transition:color .2s;padding:4px 0}.bottom-nav__item:hover{color:var(--text-muted)}.bottom-nav__item--active{color:var(--primary)}.bottom-nav__item .material-symbols-outlined{font-size:22px}.bottom-nav__label{font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.result__chat{border-top:1px solid var(--border);background:var(--primary-10);display:flex;flex-direction:column}.chat__header{display:flex;align-items:center;gap:8px;padding:16px 22px;font-size:15px;font-weight:800;color:var(--primary);border-bottom:1px solid var(--primary-20)}.chat__header .material-symbols-outlined{font-size:18px}.chat__messages{max-height:350px;overflow-y:auto;padding:16px 22px;display:flex;flex-direction:column;gap:12px}.chat__empty{font-size:13px;color:var(--text-muted);text-align:center;padding:20px 0;line-height:1.6}.chat__message{max-width:85%;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;line-height:1.6;position:relative;box-shadow:0 2px 8px #0000000a}.chat__message--user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat__message--model{align-self:flex-start;background:#fff;color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.chat__input-group{display:flex;gap:8px;padding:12px 16px 18px;background:#fff;border-top:1px solid var(--border)}.chat__input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);padding:10px 18px;font-size:14px;outline:none;transition:all .2s}.chat__input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px var(--primary-10)}.chat__send-btn{width:42px;height:42px;border-radius:var(--radius-full);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s,filter .2s}.chat__send-btn:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05)}.chat__send-btn:active:not(:disabled){transform:scale(.95)}.chat__send-btn:disabled{opacity:.5}.loader-chat{width:32px;height:20px;background:var(--primary-10);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative}.loader-chat:after{content:"...";font-weight:800;color:var(--primary);letter-spacing:2px;animation:chat-dots 1.5s infinite}@keyframes chat-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.chat__messages::-webkit-scrollbar{width:4px}.chat__messages::-webkit-scrollbar-thumb{background:var(--primary-20);border-radius:4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1d56c926;border-radius:4px}