:root{--primary: #7f13ec;--primary-hover: #6b0fd0;--bg-dark: #191022;--bg-footer: #140b1b;--card-dark: #261933;--border-dark: #4d3267;--border-light: #362348;--text-white: #ffffff;--text-light: #e2d9f3;--text-muted: #ad92c9;--text-dim: #7a6394;--accent: #a78bfa;--green: #4ade80;--yellow: #facc15;font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;color:var(--text-white);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh;background-color:var(--bg-dark)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--text-white)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}img{max-width:100%;display:block}.app-root{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:3rem 1.5rem}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:all .2s}.glass-panel{background:#26193399;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(77,50,103,.5);border-radius:.75rem}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-dark);position:sticky;top:0;z-index:50}.nav-left{display:flex;align-items:center;gap:.75rem}.nav-logo-icon{width:2rem;height:2rem;color:var(--primary)}.nav-logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.nav-logo-text span{font-weight:300;color:var(--primary)}.nav-right{display:flex;align-items:center;gap:2rem}.nav-links{display:none;align-items:center;gap:2rem}.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-divider{width:1px;height:1.5rem;background:var(--border-dark);display:none}.nav-signin{display:flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;background:var(--primary);color:#fff;font-size:.875rem;font-weight:700;border-radius:.5rem;letter-spacing:.02em;transition:opacity .2s}.nav-signin:hover{opacity:.9}.lang-switch{display:flex;align-items:center;justify-content:center;padding:.35rem .75rem;background:#7f13ec26;border:1px solid rgba(127,19,236,.3);border-radius:.375rem;color:#ad92c9;font-size:.75rem;font-weight:700;font-family:inherit;letter-spacing:.05em;cursor:pointer;transition:all .2s}.lang-switch:hover{background:#7f13ec40;color:#fff}.hero{margin-bottom:3rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.28rem .85rem;border-radius:9999px;background:#7f13ec1a;border:1px solid rgba(167,139,250,.2);color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem}.hero-badge-dot{position:relative;display:inline-flex;width:.5rem;height:.5rem}.hero-badge-dot:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.hero-badge-dot:after{content:"";position:relative;display:inline-flex;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.hero-title{font-size:2.75rem;font-weight:900;letter-spacing:-.025em;line-height:1.1;margin-bottom:1rem}.hero-title-accent{background:linear-gradient(135deg,#c4b5fd,#a78bfa 60%,#7f13ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{color:var(--text-muted);font-size:1rem;max-width:540px;line-height:1.65;margin-bottom:0}.hero-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0}.hero-chip{display:inline-flex;align-items:center;padding:.28rem .75rem;border-radius:999px;background:#a78bfa12;border:1px solid rgba(167,139,250,.18);color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.02em}.hero-sub{color:var(--text-dim);font-size:.72rem;max-width:500px;line-height:1.5;margin-top:.25rem}.hero-cta-hint{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-dim);font-size:.8rem;font-weight:500;margin-top:.5rem;cursor:default}.hero-cta-hint .material-symbols-outlined{font-size:1rem;animation:bounce-hint 2s ease-in-out infinite}@keyframes bounce-hint{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.step-section{margin-bottom:3rem}.step-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.step-badge{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--primary);color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0}.step-header h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.upload-zone{border:2px dashed var(--border-dark);border-radius:.75rem;cursor:pointer;transition:all .2s;overflow:hidden}.upload-zone:hover,.upload-zone.drag-over{border-color:#7f13ec80;background:#7f13ec0d}.upload-zone.has-photo{border-style:solid;border-color:var(--border-dark)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;gap:.25rem}.upload-icon{font-size:2.5rem!important;color:var(--primary);margin-bottom:.75rem}.upload-title{font-size:1.1rem;font-weight:700}.upload-hint{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.upload-browse-btn{margin-top:1.5rem;padding:.5rem 1rem;background:var(--card-dark);border:1px solid var(--border-dark);border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--text-white);box-shadow:0 1px 3px #0003}.upload-preview{position:relative}.upload-preview img{width:100%;max-height:400px;object-fit:cover;display:block}.upload-preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background .2s}.upload-preview:hover .upload-preview-overlay{background:#00000080}.upload-remove-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ef4444cc;color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;opacity:0;transition:opacity .2s}.upload-preview:hover .upload-remove-btn{opacity:1}.profile-grid{display:flex;flex-direction:column;gap:2rem}.profile-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:1rem}.selection-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;cursor:pointer}.selection-item:hover{border-color:#7f13ec80}.selection-item.active{border-color:var(--primary);background:#7f13ec1a;box-shadow:0 0 15px #7f13ec33}.selection-icon{font-size:1.75rem!important;color:var(--text-muted)}.selection-item.active .selection-icon{color:var(--primary)}.face-shape-svg{width:3rem;height:3rem;color:var(--text-muted);transition:color .2s}.selection-item.active .face-shape-svg{color:var(--primary)}.selection-label{font-size:.75rem;font-weight:500}.gender-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:280px}.context-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.face-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.tone-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.tone-swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(255,255,255,.15)}.error-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;color:#ef4444;font-size:.9rem;margin-bottom:1.5rem}.error-banner p{margin:0}.refund-link{display:inline-block;margin-top:.5rem;padding:.4rem .75rem;background:var(--primary);color:#fff!important;border-radius:.375rem;font-size:.8rem;font-weight:600;text-decoration:none}.refund-link:hover{opacity:.85;text-decoration:none}.cta-section{margin-top:2rem;padding-bottom:3rem}.cta-divider{height:1px;background:var(--border-dark);margin-bottom:3rem}.cta-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.cta-text{font-size:.9rem;color:var(--text-muted)}.cta-privacy{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-dim)}.cta-privacy .material-symbols-outlined{font-size:.875rem!important}.cta-button{display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:320px;height:4rem;background:var(--primary);border-radius:.75rem;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin-top:1rem;box-shadow:0 25px 50px -12px #7f13ec59;transition:all .2s}.cta-button:hover:not(:disabled){transform:scale(1.02)}.cta-button:disabled{background:var(--card-dark);color:var(--text-dim);box-shadow:none;cursor:not-allowed;transform:none}.cta-arrow{opacity:.5;transition:transform .2s}.cta-button:hover:not(:disabled) .cta-arrow{transform:translate(.5rem);opacity:1}.sub-section{margin-top:3rem;padding-bottom:1rem}.sub-inner{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.75rem 2rem 2.25rem;gap:1.25rem}.sub-inner:before{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:520px;height:240px;background:radial-gradient(ellipse at center,rgba(127,19,236,.2) 0%,transparent 65%);pointer-events:none}.sub-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:999px;background:#7f13ec1f;border:1px solid rgba(167,139,250,.25);color:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.sub-badge .material-symbols-outlined{font-size:.9rem}.sub-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#c4b5fd 45%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.025em;line-height:1.15}.sub-tagline{font-size:.9rem;color:var(--text-muted);max-width:340px;line-height:1.55;margin-top:-.25rem}.sub-stats-row{display:flex;align-items:center;width:100%;max-width:400px;padding:.875rem 0;border-radius:1rem;background:#7f13ec12;border:1px solid rgba(127,19,236,.2)}.sub-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.18rem}.sub-stat-val{font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.02em}.sub-stat-lbl{font-size:.6rem;color:var(--text-dim);font-weight:500;text-transform:uppercase;letter-spacing:.07em}.sub-stat-div{width:1px;height:28px;background:#7f13ec47;flex-shrink:0}.sub-features{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;width:100%;max-width:440px;margin:-.25rem 0;text-align:left}.sub-feature{display:flex;align-items:center;gap:.6rem;padding:.7rem .875rem;border-radius:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);font-size:.78rem;color:var(--text-muted);transition:all .2s}.sub-feature:hover{background:#7f13ec1a;border-color:#7f13ec4d;color:#fff}.sub-feature .material-symbols-outlined{font-size:1rem;color:var(--accent);flex-shrink:0}.sub-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:440px;height:3.25rem;background:linear-gradient(135deg,#7f13ec,#5a0fb3);border-radius:.875rem;color:#fff;font-size:1rem;font-weight:700;margin-top:.25rem;box-shadow:0 8px 28px -4px #7f13ec8c;transition:all .22s;letter-spacing:.01em}.sub-cta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 36px -4px #7f13ecb3}.sub-cta-btn:active:not(:disabled){transform:translateY(0)}.sub-cta-btn:disabled{background:var(--card-dark);color:var(--text-dim);box-shadow:none;cursor:not-allowed}.sub-price{font-size:.72rem;color:var(--text-dim);margin-top:-.25rem}.sub-city-card{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:440px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.875rem;padding:1rem 1.1rem}.sub-city-card-header{display:flex;align-items:flex-start;gap:.65rem;text-align:left}.sub-city-card-header>.material-symbols-outlined{font-size:1.15rem;color:var(--accent);flex-shrink:0;margin-top:1px}.sub-city-card-title{font-size:.85rem;font-weight:600;color:#fff;margin:0}.sub-city-card-desc{font-size:.72rem;color:var(--text-muted);margin:.2rem 0 0;line-height:1.45}.sub-city-card-select{width:100%;padding:.65rem .85rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.12);background:var(--card-dark);color:#fff;font-size:.9rem;cursor:pointer;color-scheme:dark}.sub-cta-btn.profile-incomplete{flex-direction:column;height:auto;gap:.65rem;padding:1rem 1.25rem}.sub-profile-prompt-text{display:flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700}.sub-profile-prompt-text .material-symbols-outlined{font-size:1.1rem}.sub-profile-chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.sub-profile-chip{display:inline-flex;align-items:center;gap:.22rem;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.01em}.sub-profile-chip .material-symbols-outlined{font-size:.82rem;letter-spacing:normal;text-transform:none;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.sub-profile-chip.done{background:#4ade8026;border:1px solid rgba(74,222,128,.45);color:#4ade80}.sub-profile-chip.missing{background:#f8717126;border:1px solid rgba(248,113,113,.45);color:#f87171}.sub-active-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80;font-weight:600;font-size:.95rem}.sub-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ade80;margin-right:.4rem}.sub-cancel-tag{color:var(--text-dim);font-size:.8rem}.mypage-sub-cta{display:flex;flex-direction:column;gap:1rem}@media(max-width:640px){.sub-features{grid-template-columns:1fr}.sub-stats-row,.sub-cta-btn{max-width:100%}}.site-footer{background:var(--bg-footer);border-top:1px solid var(--border-dark);padding:2rem 2.5rem}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-copy{font-size:.875rem;color:var(--text-dim)}.footer-links{display:flex;gap:2rem}.footer-links a{font-size:.75rem;font-weight:500;color:var(--text-dim);transition:color .2s}.footer-links a:hover{color:var(--primary)}.spinner{display:inline-block;width:1.125rem;height:1.125rem;border:2.5px solid var(--border-dark);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);margin-bottom:2rem}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--primary)}.bc-arrow{font-size:.75rem!important;color:var(--text-dim)}.bc-current{color:var(--text-white);font-weight:500}.result-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}.result-left{display:flex;flex-direction:column;gap:1.5rem}.preview-card{position:relative}.preview-glow{position:absolute;inset:-4px;background:linear-gradient(135deg,#7f13ec66,#a855f766);border-radius:.85rem;filter:blur(8px);opacity:.25}.preview-image-wrap{position:relative;background:var(--card-dark);border:1px solid var(--border-dark);border-radius:.75rem;overflow:hidden}.preview-image{width:100%;max-height:480px;object-fit:cover}.preview-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 50%);pointer-events:none}.preview-badges{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.5rem}.preview-badge-ai{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:#7f13ece6;color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem}.preview-badge-ai .material-symbols-outlined{font-size:.875rem!important;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.preview-badge-status{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.75rem;border-radius:.5rem}.status-dot{font-size:.875rem!important;color:var(--green)}.profile-bar{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--card-dark);border:1px solid var(--border-dark);border-radius:.75rem;flex-wrap:wrap}.profile-bar-photo{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-bar-info{flex:1;min-width:120px}.profile-bar-info h3{font-size:1rem;font-weight:700}.profile-bar-info p{font-size:.875rem;color:var(--text-muted)}.btn-primary{padding:.75rem 1.5rem;background:var(--primary);color:#fff;font-size:.875rem;font-weight:700;border-radius:.5rem;box-shadow:0 8px 20px #7f13ec40;transition:all .2s}.btn-primary:hover{transform:translateY(-2px)}.result-right{display:flex;flex-direction:column;gap:1.5rem}.styling-section{display:flex;flex-direction:column;gap:1rem}.styling-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.styling-title .material-symbols-outlined{color:var(--primary)}.styling-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.styling-card{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:.75rem;overflow:hidden;transition:border-color .2s}.styling-card:hover{border-color:#7f13ec80}.styling-card-image{aspect-ratio:3 / 4;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.styling-card-image img{width:100%;height:100%;object-fit:cover}.styling-card-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem}.styling-card-empty{color:var(--text-dim)}.styling-card-info{padding:.6rem .75rem;border-top:1px solid var(--border-dark)}.styling-card-info h4{font-size:.8rem;font-weight:600;text-align:center}.tryon-section{margin-top:.5rem}.retry-banner{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.25rem;margin-top:1rem;background:#ffb40014;border:1px solid rgba(255,180,0,.25);border-radius:.75rem}.retry-banner>.material-symbols-outlined{color:#ffb400;font-size:1.4rem;flex-shrink:0;margin-top:2px}.retry-banner-content{flex:1;min-width:0}.retry-banner-title{font-size:.9rem;font-weight:600;color:var(--text-white);margin:0 0 .25rem}.retry-banner-desc{font-size:.8rem;color:var(--text-dim);margin:0 0 .75rem}.retry-banner-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;padding:.5rem 1.25rem}.retry-banner-btn .material-symbols-outlined{font-size:1.1rem}.retry-banner-used{font-size:.8rem;color:var(--text-dim);margin:0;font-style:italic}.tryon-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:-.5rem}.tryon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.tryon-card{background:var(--card-dark);border:1px solid var(--border-dark);border-radius:.75rem;overflow:hidden;transition:border-color .2s}.tryon-card:hover{border-color:#7f13ec80}.tryon-card-image{aspect-ratio:1 / 1;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.tryon-card-image img{width:100%;height:100%;object-fit:cover}.tryon-card-label{padding:.5rem .6rem;border-top:1px solid var(--border-dark);text-align:center}.tryon-card-label span{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-quote{padding:1.5rem}.summary-quote-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.summary-quote-text{font-size:.9rem;color:var(--text-muted);line-height:1.6;font-style:italic;border-left:2px solid rgba(127,19,236,.4);padding-left:1rem}.report-section{margin-bottom:3rem}.report-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.report-section-header .material-symbols-outlined{color:var(--primary)}.report-section-header h3{font-size:1.25rem;font-weight:700}.report-body{padding:2rem;line-height:1.8;font-size:.95rem;color:#ffffffd9}.report-body h2{font-size:1.2rem;font-weight:700;margin:2rem 0 .75rem;color:var(--primary)}.report-body h2:first-child{margin-top:0}.report-body h3{font-size:1.05rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text-white)}.report-body h4{font-size:.95rem;font-weight:600;margin:1.2rem 0 .4rem}.report-body strong{color:var(--primary);font-weight:600}.report-body ul{list-style:none;padding:0}.report-body li{padding-left:1rem;position:relative;margin-bottom:.25rem}.report-body li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--primary)}.email-section{margin-top:2rem}.email-panel{padding:1.25rem 1.5rem}.email-success{display:flex;align-items:center;gap:.5rem;color:var(--green)}.email-success .material-symbols-outlined{font-size:1.25rem}.email-success p{font-size:.9rem;font-weight:500}.email-success strong{color:#fff}.result-bottom-cta{display:flex;justify-content:center;padding-bottom:2rem}@media(min-width:768px){.nav-links{display:flex}.nav-divider{display:block}.hero-title{font-size:3.25rem}.result-grid{grid-template-columns:7fr 5fr}.face-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:767px){.nav-header{padding:.75rem 1rem}.main-content{padding:2rem 1rem}.hero-title{font-size:2rem}.hero-desc{font-size:.95rem}.upload-grid{grid-template-columns:1fr}.context-grid{grid-template-columns:repeat(2,1fr)}.face-grid,.tone-grid{grid-template-columns:repeat(3,1fr)}.cta-button{min-width:100%}.footer-inner{flex-direction:column;text-align:center}.styling-cards{grid-template-columns:repeat(2,1fr)}.profile-bar{justify-content:center;text-align:center}.profile-bar-info{flex:none;width:100%}.report-body{padding:1.25rem}}.auth-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.auth-modal{background:#1e142af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(77,50,103,.5);border-radius:1rem;padding:2rem;width:100%;max-width:420px;position:relative}.auth-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.5rem;transition:color .2s}.auth-close:hover{color:var(--text-primary)}.auth-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.auth-btn-google{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-primary)}.auth-btn-google:hover{background:#ffffff24}.auth-btn-primary{background:var(--accent);color:#fff}.auth-btn-primary:hover{opacity:.9}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--text-muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.35rem;font-weight:500}.auth-field input{width:100%;padding:.7rem .85rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s;box-sizing:border-box}.auth-field input:focus{border-color:var(--accent)}.auth-field input::placeholder{color:var(--text-muted);opacity:.5}.auth-field-hint{margin:.35rem 0 0;font-size:.72rem;color:var(--text-muted);opacity:.75;line-height:1.45}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:.5rem;background:#ff50501f;border:1px solid rgba(255,80,80,.25);color:#ff6b6b;font-size:.85rem}.auth-error .material-symbols-outlined{font-size:1.1rem;flex-shrink:0}.auth-forgot{text-align:right;margin:-.25rem 0 .5rem}.auth-forgot button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:0}.auth-forgot button:hover{color:var(--accent);text-decoration:underline}.auth-switch{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:1.25rem}.auth-switch button{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;font-size:.85rem;padding:0}.auth-switch button:hover{text-decoration:underline}.auth-success{text-align:center;padding:1rem 0}.auth-success-icon{font-size:3rem;color:#4caf50;margin-bottom:1rem}.auth-success h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:.5rem}.auth-success p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.nav-user{display:flex;align-items:center;gap:.75rem}.nav-user-email{font-size:.8rem;color:var(--text-muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.nav-user-email:hover{color:var(--accent)}@media(max-width:768px){.auth-modal{margin:.5rem;padding:1.5rem}.nav-user-email{display:none}}.mypage-container{max-width:640px;margin:0 auto}.mypage-back{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:0;margin-bottom:1.5rem;transition:color .2s}.mypage-back:hover{color:var(--text-primary)}.mypage-back .material-symbols-outlined{font-size:1.2rem}.mypage-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.mypage-section{padding:1.5rem;margin-bottom:1.5rem}.mypage-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.mypage-section-title .material-symbols-outlined{font-size:1.3rem;color:var(--accent)}.mypage-info-grid{display:flex;flex-direction:column;gap:.85rem}.mypage-info-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.mypage-info-item:last-child{border-bottom:none}.mypage-info-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.mypage-info-value{font-size:.9rem;color:var(--text-primary)}.mypage-form{display:flex;flex-direction:column;gap:1rem}.mypage-oauth-msg{color:var(--text-muted);font-size:.9rem;line-height:1.5}.mypage-success{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:.5rem;background:#4caf501f;border:1px solid rgba(76,175,80,.25);color:#66bb6a;font-size:.85rem}.mypage-success .material-symbols-outlined{font-size:1.1rem;flex-shrink:0}.mypage-danger{border-color:#ff505033}.mypage-danger .mypage-section-title .material-symbols-outlined{color:#ff6b6b}.mypage-danger-text{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.mypage-delete-btn{background:#ff505026;border:1px solid rgba(255,80,80,.3);color:#ff6b6b}.mypage-delete-btn:hover{background:#ff505040}.mypage-delete-msg{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1.25rem;text-align:center}.mypage-delete-sub-notice{display:flex;align-items:flex-start;gap:.5rem;background:#facc1514;border:1px solid rgba(250,204,21,.3);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1.25rem;font-size:.85rem;color:#facc15;line-height:1.5;text-align:left}.mypage-delete-sub-notice .material-symbols-outlined{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.mypage-delete-actions{display:flex;flex-direction:column;gap:.75rem}.analysis-progress{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem;padding:1rem 1.5rem;background:#7f13ec0f;border:1px solid rgba(127,19,236,.15);border-radius:.75rem;max-width:320px;margin-left:auto;margin-right:auto}.analysis-progress-step{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-dim);transition:color .3s}.analysis-progress-step .material-symbols-outlined{font-size:1.1rem}.analysis-progress-step.active{color:var(--primary);font-weight:600}.analysis-progress-step.active .material-symbols-outlined{animation:pulse-icon 1.2s ease-in-out infinite}.analysis-progress-step.done{color:var(--green)}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.4}}.sub-loading-skeleton{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem}.sub-loading-text{font-size:.85rem;color:var(--text-dim)}.sub-city-hint{font-size:.75rem;color:var(--text-dim);margin-top:.25rem}.scoring-section,.scoring-failed-panel{margin-top:1rem}.scoring-failed-header{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1rem}.scoring-failed-header h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.scoring-failed-body{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;text-align:center}.scoring-failed-body>.material-symbols-outlined{font-size:2rem;color:#f87171}.scoring-failed-body>p{font-size:.875rem;color:var(--text-secondary);margin:0}.scoring-retry-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;background:#7f13ec26;color:#c084fc;border:1px solid rgba(127,19,236,.3);cursor:pointer;transition:background .2s}.scoring-retry-btn:hover:not(:disabled){background:#7f13ec40}.scoring-retry-btn:disabled{opacity:.6;cursor:not-allowed}.scoring-retry-btn .material-symbols-outlined{font-size:1rem;letter-spacing:normal;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.scoring-section-header{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1.25rem}.scoring-section-header h3{margin:0}.scoring-section-desc{font-size:.85rem;color:var(--text-dim);line-height:1.6;margin:0}.scoring-ai-chip{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:2rem;font-size:.75rem;font-weight:600;background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3);white-space:nowrap}.scoring-section h3{font-size:1.05rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-white)}.scoring-score-display{text-align:center;margin-bottom:1.5rem;padding:1.5rem;background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:1rem}.scoring-score-circle{display:inline-flex;align-items:baseline;gap:2px}.scoring-score-number{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.scoring-score-unit{font-size:1.2rem;font-weight:500;color:var(--text-dim)}.scoring-score-label{margin-top:.5rem;font-size:.85rem;color:var(--text-dim)}.scoring-score-formula{margin-top:.5rem;font-size:.8rem;color:#fff6;font-family:Space Grotesk,monospace;letter-spacing:.5px}.scoring-guide{margin-bottom:1.5rem;padding:1rem 1.2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.75rem}.scoring-guide-title{font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin:0 0 .75rem}.scoring-guide-bar{position:relative;display:flex;height:10px;border-radius:5px;overflow:visible;margin-bottom:1rem}.scoring-guide-zone{height:100%}.zone-skip{flex:60;background:#ef4444;border-radius:5px 0 0 5px}.zone-consider{flex:15;background:#f59e0b}.zone-recommend{flex:10;background:#22c55e}.zone-perfect{flex:15;background:#a855f7;border-radius:0 5px 5px 0}.scoring-guide-pointer{position:absolute;top:-6px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.scoring-guide-pointer:after{content:"";width:12px;height:12px;border-radius:50%;border:2.5px solid #fff;background:var(--primary);box-shadow:0 0 8px #a855f799}.scoring-guide-pointer-label{position:absolute;top:-22px;font-size:.7rem;font-weight:700;color:#fff;background:var(--primary);padding:1px 6px;border-radius:4px;white-space:nowrap}.scoring-guide-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.scoring-guide-item{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:.4;transition:opacity .3s}.scoring-guide-item.active{opacity:1}.scoring-guide-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-skip{background:#ef4444}.dot-consider{background:#f59e0b}.dot-recommend{background:#22c55e}.dot-perfect{background:#a855f7}.scoring-guide-range{font-size:.7rem;font-weight:600;color:var(--text-white)}.scoring-guide-text{font-size:.65rem;color:var(--text-dim);text-align:center;line-height:1.3}.scoring-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.scoring-details li{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.75rem}.scoring-details li:before{display:none}.scoring-details li>div{flex:1;min-width:0}.scoring-details li .material-symbols-outlined{font-size:1.3rem;color:var(--primary);flex-shrink:0;margin-top:2px}.scoring-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.scoring-details li strong{display:block;font-size:.85rem;font-weight:600;color:var(--primary);margin-bottom:0}.scoring-detail-score{font-size:1rem;font-weight:700;color:var(--text-white);flex-shrink:0}.scoring-detail-max{font-size:.75rem;font-weight:400;color:var(--text-dim)}.scoring-bar-track{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:.4rem}.scoring-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#c084fc);border-radius:3px;transition:width .8s ease-out}.scoring-details li p{font-size:.9rem;color:#fffc;line-height:1.6;margin:0}.scoring-verdict{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin:.8rem auto 0;width:fit-content}.scoring-verdict .material-symbols-outlined{font-size:1.1rem}.scoring-verdict-daily{background:#22c55e1f;color:#22c55e}.scoring-verdict-fashion,.scoring-verdict-{background:#a855f71f;color:#a855f7}.scoring-verdict-business,.scoring-verdict-{background:#3b82f61f;color:#3b82f6}.scoring-verdict-notrecommended{background:#ef44441f;color:#ef4444}.scoring-review{margin-top:1rem;padding:.8rem 1rem;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.scoring-review p{font-size:.9rem;color:var(--text-sub);line-height:1.6;margin:0;font-style:italic}.scoring-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.2rem}@media(max-width:480px){.scoring-pros-cons{grid-template-columns:1fr}}.scoring-pros,.scoring-cons{padding:.8rem 1rem;border-radius:8px;font-size:.85rem}.scoring-pros{background:#22c55e0f;border-left:3px solid rgba(34,197,94,.4)}.scoring-cons{background:#ef44440f;border-left:3px solid rgba(239,68,68,.4)}.scoring-pros-cons-header{display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem}.scoring-pros-cons-header strong{font-size:.85rem}.scoring-pros .scoring-pros-cons-header .material-symbols-outlined{font-size:1rem;color:#22c55e}.scoring-cons .scoring-pros-cons-header .material-symbols-outlined{font-size:1rem;color:#ef4444}.scoring-pros p,.scoring-cons p{color:var(--text-sub);line-height:1.5;margin:0}.scoring-suggestion{margin-top:1.2rem;padding:1rem 1.2rem;background:#6366f114;border-left:3px solid rgba(99,102,241,.5);border-radius:0 8px 8px 0}.scoring-suggestion-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;color:var(--text-main)}.scoring-suggestion-header .material-symbols-outlined{font-size:1.2rem;color:#6366f1cc}.scoring-suggestion-header strong{font-size:.9rem}.scoring-suggestion p{font-size:.85rem;color:var(--text-sub);line-height:1.5;margin:0}.context-fit-criteria{margin:.75rem 0;padding:.75rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px}.context-fit-criteria-title{font-size:.78rem;font-weight:600;color:var(--text-sub);margin:0 0 .5rem;letter-spacing:.01em}.context-fit-criteria-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.context-fit-criteria-list li{font-size:.78rem;color:var(--text-sub);line-height:1.5;padding-left:.8rem;position:relative}.context-fit-criteria-list li:before{content:"–";position:absolute;left:0;color:var(--accent);opacity:.6}.context-fit-criteria-list li strong{color:var(--text-main);font-weight:600}.scoring-powered-by{text-align:right;font-size:.75rem;color:var(--text-dim);margin-top:1rem}.phase-header{padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-left:3px solid var(--primary);background:#7f13ec0f;border-radius:0 .75rem .75rem 0}.phase-header-2{border-left-color:#06b6d4;background:#06b6d40f}.phase-header-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;flex-wrap:wrap}.phase-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:2rem;font-size:.78rem;font-weight:600;background:#7f13ec2e;color:#c084fc;border:1px solid rgba(127,19,236,.3)}.phase-badge .material-symbols-outlined{font-size:.9rem}.phase-badge-2{background:#06b6d426;color:#67e8f9;border-color:#06b6d44d}.phase-ai-tag{font-size:.75rem;color:var(--text-dim);padding:.2rem .6rem;border:1px solid rgba(255,255,255,.1);border-radius:2rem}.phase-title{font-size:1.1rem;font-weight:700;color:var(--text-white);margin:0 0 .4rem}.phase-desc{font-size:.85rem;color:var(--text-dim);margin:0 0 1rem;line-height:1.6}.phase-input-thumbs{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.phase-thumb-wrap{display:flex;flex-direction:column;align-items:center;gap:.35rem}.phase-thumb{width:56px;height:56px;object-fit:cover;border-radius:.5rem;border:1px solid rgba(255,255,255,.12)}.phase-thumb-label{font-size:.7rem;color:var(--text-dim)}.phase-thumb-plus{font-size:1rem;color:var(--text-dim)}.phase-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0 2rem}.phase-divider-line{flex:1;height:1px;background:#ffffff14}.phase-divider-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:2rem;font-size:.8rem;color:var(--text-dim);white-space:nowrap}.phase-divider-chip .material-symbols-outlined{font-size:.9rem}