:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#1a1a2e;background-color:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a10;color:#fff;font-family:Plus Jakarta Sans,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100vh;padding:48px 20px 100px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:10}.home-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,rgba(255,77,151,.15) 1px,transparent 0);background-size:24px 24px}.home-bg:before{content:"";position:absolute;top:-20%;right:-10%;width:120%;height:60%;background:#ff4d9733;filter:blur(120px);border-radius:50%}.home-bg:after{content:"";position:absolute;bottom:-10%;left:-10%;width:100%;height:50%;background:#007aff33;filter:blur(120px);border-radius:50%}.home-bg-lines{position:fixed;inset:0;z-index:0;pointer-events:none}.home-bg-lines:before{content:"";position:absolute;top:160px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,151,.3),transparent)}.home-bg-lines:after{content:"";position:absolute;top:320px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,122,255,.2),transparent)}.home-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:48px 24px;position:relative;z-index:10;max-width:480px;margin:0 auto}.header{text-align:center;margin-bottom:8px}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#ff4d97 20%,#b24dff,#007aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:#fff9;font-size:.9rem;margin-top:4px}.home-header{text-align:center;width:100%}.home-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;margin-bottom:24px}.home-badge .material-symbols-outlined{font-size:14px;color:#ff4d97}.home-badge span:last-child{font-size:10px;font-weight:700;letter-spacing:.3em;color:#ffffffe6;text-transform:uppercase}.home-title{font-family:Outfit,sans-serif;line-height:1.1;letter-spacing:-1px}.home-title-sub{display:block;font-size:1.5rem;font-weight:600;color:#fffc;margin-bottom:4px}.home-title-main{display:block;font-size:3rem;font-weight:800;background:linear-gradient(135deg,#ff4d97 20%,#b24dff,#007aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-desc{margin-top:16px;color:#fff9;font-size:1rem;font-weight:500;max-width:280px;margin-left:auto;margin-right:auto;line-height:1.6}.photo-showcase{position:relative;width:100%;display:flex;justify-content:center;align-items:center;height:380px}.photo-showcase-inner{position:relative;width:100%;height:100%;max-width:340px}.photo-main-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;width:256px;height:320px;border-radius:3rem;overflow:hidden;box-shadow:0 0 50px #ff4d974d;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:transform .3s}.photo-main-card:hover{transform:translate(-50%,-50%) scale(1.02)}.photo-main-card img{width:100%;height:100%;object-fit:cover}.photo-main-card .scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FF4D97,transparent);top:50%;box-shadow:0 0 15px #ff4d97;z-index:40;animation:scanMove 3s ease-in-out infinite}@keyframes scanMove{0%,to{top:30%}50%{top:70%}}.photo-main-card .card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent,transparent)}.photo-main-card .card-ar-icon{position:absolute;top:16px;right:16px;color:#fffc}.photo-main-card .card-ai-label{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:8px}.card-ai-dot{width:8px;height:8px;border-radius:50%;background:#ff4d97;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card-ai-text{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#fff}.photo-side-left{position:absolute;top:16px;left:-16px;z-index:20;width:128px;height:176px;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.1);transform:rotate(-12deg);filter:blur(1px);opacity:.8}.photo-side-left img,.photo-side-right img{width:100%;height:100%;object-fit:cover}.photo-side-right{position:absolute;bottom:16px;right:-16px;z-index:20;width:128px;height:176px;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.1);transform:rotate(12deg);filter:blur(1px);opacity:.8}.photo-sparkle{position:absolute;top:-16px;right:32px;color:#ff4d97;opacity:.6}.photo-flare{position:absolute;bottom:48px;left:-32px;color:#007aff;opacity:.6}.home-bottom{width:100%;padding:0 8px;position:relative;z-index:40}.home-tagline{text-align:center;margin-bottom:16px;font-size:.875rem;font-weight:500;color:#fffc}.home-cta{width:100%;padding:20px;border-radius:1rem;background:linear-gradient(135deg,#ff4d97,#007aff);color:#fff;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:-.3px;border:none;cursor:pointer;box-shadow:0 15px 30px #ff4d974d;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .1s}.home-cta:active{transform:scale(.98)}.home-footer-tags{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px;font-size:10px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.2em}.home-footer-dot-pink{width:4px;height:4px;border-radius:50%;background:#ff4d97}.home-footer-dot-blue{width:4px;height:4px;border-radius:50%;background:#007aff}.lang-selector{position:relative;display:inline-block;margin-bottom:8px}.lang-btn{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 14px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:4px;margin:0 auto;color:#ffffffe6}.lang-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 4px 20px #0006;z-index:100;margin-top:4px;overflow:hidden;min-width:150px}.lang-option{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:.85rem;cursor:pointer;color:#fffc}.lang-option:hover{background:#ff4d9726}.lang-option.active{background:#ff4d9733;color:#ff4d97;font-weight:600}.card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0003}.card h2{font-size:1rem;font-weight:600;margin-bottom:16px;color:#ffffffe6}.input-group{display:flex;flex-direction:column;gap:12px}.input-field{display:flex;align-items:center;gap:12px}.input-field label{font-size:.85rem;color:#fff9;min-width:60px}.input-field input{flex:1;padding:12px 16px;border:1.5px solid rgba(255,255,255,.15);border-radius:12px;font-size:1rem;outline:none;transition:border-color .2s;background:#ffffff0d;color:#fff}.input-field input:focus{border-color:#ff4d97;background:#ffffff14}.photo-buttons{display:flex;gap:12px;margin-bottom:16px}.photo-btn{flex:1;padding:12px;border:1.5px dashed rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;cursor:pointer;font-size:.85rem;color:#fff9;display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .2s,background .2s}.photo-btn:hover{border-color:#ff4d97;background:#ff4d971a}.photo-btn .icon{font-size:1.5rem}.photo-preview{width:100%;border-radius:12px;overflow:hidden;position:relative}.photo-preview img{width:100%;display:block;border-radius:12px}.face-guide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;align-items:center;justify-content:center}.face-guide-oval{width:45%;height:65%;border:2.5px dashed rgba(255,77,151,.7);border-radius:50%;position:relative}.face-guide-text{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:.75rem;color:#ff4d97e6;background:#0a0a10d9;padding:2px 10px;border-radius:10px;white-space:nowrap}.cta-container{position:fixed;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(transparent,#0a0a10 30%);z-index:50}.cta-btn{display:block;width:100%;max-width:480px;margin:0 auto;padding:16px;border:none;border-radius:14px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff4d97,#007aff);cursor:pointer;transition:opacity .2s}.cta-btn:disabled{opacity:.4;cursor:not-allowed}.cta-btn:not(:disabled):hover{opacity:.9}.loading-screen{justify-content:center;align-items:center}.loader{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#ff4d97;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;color:#fff9;font-size:.95rem}.loading-sub{color:#fff6;font-size:.8rem;margin-top:4px}.error-msg{background:#dc262626;color:#ff6b6b;padding:12px 16px;border-radius:12px;font-size:.85rem;border:1px solid rgba(220,38,38,.3)}.score-card{text-align:center;padding:32px 24px}.score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#ff4d97,#007aff)}.score-value{font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.score-label{font-size:.75rem;color:#fffc;margin-top:4px}.skin-type{font-size:1.1rem;font-weight:600;color:#ffffffe6}.analysis-grid{display:flex;flex-direction:column;gap:12px}.analysis-card{padding:16px 20px}.analysis-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.analysis-icon{font-size:1.2rem}.analysis-name{font-weight:600;color:#ffffffe6;flex:1}.analysis-score{font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#ff4d97,#007aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analysis-desc{font-size:.85rem;color:#ffffff80;line-height:1.5}.recommendations{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.recommendations li{padding:12px 16px;background:#ff4d971a;border-radius:10px;font-size:.9rem;color:#ffffffb3}.diet-card h2{margin-bottom:12px}.diet-summary{font-size:.85rem;color:#fff9;line-height:1.6;margin-bottom:16px}.meal-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.meal-item:last-of-type{border-bottom:none}.meal-type{min-width:40px;font-weight:600;font-size:.85rem;color:#ff4d97;padding-top:2px}.meal-detail{flex:1}.meal-menu{font-size:.9rem;font-weight:500;color:#ffffffe6;margin-bottom:4px}.meal-reason{font-size:.8rem;color:#ffffff80;line-height:1.4}.nutrients{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.nutrients-label{font-size:.8rem;font-weight:600;color:#fff9;display:block;margin-bottom:8px}.nutrient-tags{display:flex;flex-wrap:wrap;gap:8px}.nutrient-tag{padding:4px 12px;background:#ff4d9726;border-radius:20px;font-size:.78rem;color:#ff4d97;font-weight:500}.nav-card{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ff4d9726}.nav-icon{font-size:2rem}.nav-text{flex:1}.nav-text strong{font-size:1rem;color:#ffffffe6}.nav-text p{font-size:.8rem;color:#ffffff80;margin-top:2px}.nav-arrow{font-size:1.5rem;color:#ffffff4d;font-weight:300}.back-btn{background:none;border:none;color:#ff4d97;font-size:.9rem;cursor:pointer;padding:0;margin-bottom:8px}.hair-result-card{padding:0;overflow:hidden}.hair-result-image{width:100%;display:block;border-radius:16px}.hair-text-card{white-space:pre-line}.hair-text-content{font-size:.85rem;color:#fff9;line-height:1.7}.download-btn{display:block;width:calc(100% - 32px);margin:12px 16px 16px;padding:12px;border:1.5px solid #FF4D97;border-radius:12px;background:transparent;color:#ff4d97;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.download-btn:hover{background:#ff4d97;color:#fff}.select-btn{border-color:#b24dff!important;color:#b24dff!important}.select-btn:hover{background:#b24dff!important;color:#fff!important}.selected-btn{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}.nav-check{background:#16a34a;color:#fff;font-size:.75rem;font-weight:700;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.disclaimer{font-size:.75rem;color:#fff6;text-align:center;line-height:1.5;padding:0 8px}.clinic-page{position:relative;display:flex;min-height:100vh;width:100%;max-width:480px;margin:0 auto;flex-direction:column;overflow-x:hidden;background:#fff;color:#2d3436;box-shadow:0 0 40px #0000001a}.clinic-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(253,226,228,.3)}.clinic-header-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background .2s;color:#2d3436}.clinic-header-back:hover{background:#fde2e4}.clinic-header-title{font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:500;letter-spacing:-.3px;flex:1;text-align:center}.clinic-header-menu{display:flex;width:40px;align-items:center;justify-content:flex-end}.clinic-icon-btn{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;border:none;background:none;color:#2d3436}.clinic-icon-btn:hover{background:#fde2e4}.clinic-main{flex-grow:1;padding-bottom:128px}.clinic-section{padding:0 20px;margin-bottom:32px}.clinic-section:first-child{padding-top:24px}.clinic-section-full{margin-bottom:32px}.clinic-report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.clinic-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#e5989b}.clinic-scan-title{display:block;font-size:1.25rem;font-family:Outfit,sans-serif;font-weight:300;color:#2d3436}.clinic-ai-badge{display:flex;align-items:center;gap:6px;background:#ebf2fa;padding:6px 12px;border-radius:999px;border:1px solid #dbeafe}.clinic-ai-badge span:first-child{color:#60a5fa}.clinic-ai-badge span:last-child{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:-.3px;color:#2d3436}.clinic-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clinic-photo-card{position:relative;border-radius:1rem;aspect-ratio:4 / 5;overflow:hidden;cursor:pointer;background:#fcf8f9}.clinic-photo-card .clinic-photo-img{width:100%;height:100%;object-fit:cover;display:block}.clinic-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fcf8f9;border:2px dashed rgba(229,152,155,.3);border-radius:1rem}.clinic-photo-target{box-shadow:0 0 25px #fde2e499;border:1px solid rgba(255,255,255,.8);ring:2px solid #FDE2E4;outline:2px solid #FDE2E4;outline-offset:2px}.clinic-photo-tag{position:absolute;top:12px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.clinic-photo-tag-dark{left:12px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.clinic-photo-tag-pink{right:12px;background:#e5989b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.clinic-photo-flare{position:absolute;bottom:12px;right:12px}.clinic-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(253,226,228,.5);border-radius:1.5rem;padding:24px;box-shadow:0 2px 12px #0000000a}.clinic-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.clinic-card-icon{width:32px;height:32px;background:#fde2e4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e5989b}.clinic-card-title{font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;color:#2d3436}.clinic-routines{display:flex;flex-direction:column;gap:16px}.clinic-routine-border{padding-top:16px;border-top:1px solid rgba(253,226,228,.3)}.clinic-routine-label{font-size:11px;font-weight:700;color:#e5989b;text-transform:uppercase;margin-bottom:4px}.clinic-routine-text{font-size:13px;line-height:1.6;color:#2d3436cc}.clinic-routine-text strong{color:#2d3436}.clinic-tea-tip{margin-top:20px;padding:16px;background:#fde2e433;border-radius:1rem;display:flex;align-items:flex-start;gap:12px;color:#e5989b}.clinic-tea-title{font-size:12px;font-weight:700;color:#2d3436}.clinic-tea-desc{font-size:12px;color:#2d3436b3;font-style:italic;margin-top:2px}.clinic-regimen-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:16px}.clinic-regimen-title{font-family:Outfit,sans-serif;font-weight:600;font-size:1.125rem;color:#2d3436}.clinic-see-steps{font-size:11px;text-transform:uppercase;font-weight:700;color:#e5989b;letter-spacing:.15em;background:none;border:none;cursor:pointer}.clinic-regimen-scroll{display:flex;overflow-x:auto;gap:16px;padding:0 20px 8px;-ms-overflow-style:none;scrollbar-width:none}.clinic-regimen-scroll::-webkit-scrollbar{display:none}.clinic-step-card{min-width:140px;background:#fff;padding:8px;border-radius:1rem;border:1px solid rgba(253,226,228,.3);display:flex;flex-direction:column;cursor:pointer;transition:transform .2s,box-shadow .2s}.clinic-step-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #e5989b26}.clinic-step-img-wrap{position:relative;width:100%;aspect-ratio:1;background:#fcf8f9;border-radius:.75rem;overflow:hidden;margin-bottom:12px}.clinic-step-img{width:100%;height:100%;object-fit:cover}.clinic-step-badge{position:absolute;top:8px;left:8px;background:#ffffffe6;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:700;border:1px solid rgba(253,226,228,.5);color:#2d3436}.clinic-step-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.clinic-step-info{padding:0 4px 4px}.clinic-step-category{display:block;font-size:10px;color:#9ca3af;text-transform:uppercase;font-weight:500}.clinic-step-name{display:block;font-size:12px;font-weight:600;color:#2d3436;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clinic-score-bar{background:#2d3436;color:#fff;border-radius:2rem;padding:24px;display:flex;align-items:center;justify-content:space-between}.clinic-score-left{flex:1}.clinic-score-label{font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.clinic-score-value{font-size:1.875rem;font-family:Outfit,sans-serif;font-weight:300;margin-top:4px}.clinic-score-max{font-size:1.125rem;opacity:.5}.clinic-score-divider{width:1px;height:48px;background:#fff3;margin:0 16px}.clinic-score-right{flex:1}.clinic-texture-dots{display:flex;gap:4px;justify-content:flex-end;margin-top:8px}.clinic-dot{height:6px;width:24px;border-radius:999px;background:#fff3}.clinic-dot-active{background:#e5989b}.clinic-bottom-cta{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;padding:24px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(253,226,228,.2);z-index:50}.clinic-bottom-inner{display:flex;gap:12px}.clinic-start-btn{flex:1;background:#e5989b;color:#fff;font-family:Outfit,sans-serif;font-weight:600;padding:16px;border-radius:1rem;border:none;box-shadow:0 8px 20px #e5989b33;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .1s}.clinic-start-btn:active{transform:scale(.98)}.clinic-start-btn:disabled{opacity:.4;cursor:not-allowed}.clinic-share-btn{width:56px;height:56px;background:#fcf8f9;border:1px solid #FDE2E4;display:flex;align-items:center;justify-content:center;border-radius:1rem;color:#e5989b;cursor:pointer}.cr-action-row{display:flex;gap:8px;margin-top:16px}.cr-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:.75rem;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s;border:1px solid rgba(253,226,228,.5);background:#fff;color:#2d3436}.cr-action-btn:hover{background:#fcf8f9}.cr-action-select{border-color:#e5989b;color:#e5989b}.cr-action-select:hover{background:#e5989b;color:#fff}.cr-action-selected{background:#16a34a;border-color:#16a34a;color:#fff}.cr-action-selected:hover{background:#15803d}.cr-detail-text{font-size:13px;line-height:1.7;color:#2d3436bf;white-space:pre-line}.cr-section-header{margin-bottom:16px}.cr-analysis-list{display:flex;flex-direction:column;gap:12px}.cr-analysis-item{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(253,226,228,.5);border-radius:1rem;padding:16px 20px}.cr-analysis-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cr-analysis-icon-wrap{width:32px;height:32px;background:#fde2e4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e5989b;flex-shrink:0}.cr-analysis-name{flex:1;font-weight:600;font-size:14px;color:#2d3436}.cr-analysis-score{font-weight:700;font-size:16px;color:#e5989b}.cr-analysis-desc{font-size:12px;color:#2d3436a6;line-height:1.6;margin-bottom:10px}.cr-analysis-bar-bg{width:100%;height:4px;background:#fde2e4;border-radius:999px;overflow:hidden}.cr-analysis-bar-fill{height:100%;background:linear-gradient(90deg,#e5989b,#ffb3c1);border-radius:999px;transition:width .6s ease}.cr-rec-list{display:flex;flex-direction:column;gap:12px}.cr-rec-item{display:flex;align-items:flex-start;gap:12px}.cr-rec-num{width:24px;height:24px;background:#fde2e4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#e5989b;flex-shrink:0;margin-top:1px}.cr-rec-text{font-size:13px;line-height:1.6;color:#2d3436cc;flex:1}.cr-meal-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(253,226,228,.3)}.cr-meal-item:last-of-type{border-bottom:none}.cr-meal-badge{min-width:48px;padding:3px 8px;background:#fde2e4;border-radius:999px;font-size:10px;font-weight:700;color:#e5989b;text-align:center;align-self:flex-start;text-transform:uppercase}.cr-meal-body{flex:1}.cr-meal-menu{font-size:13px;font-weight:600;color:#2d3436;margin-bottom:2px}.cr-meal-reason{font-size:12px;color:#2d343699;line-height:1.5}.cr-nutrients{margin-top:16px;padding-top:12px;border-top:1px solid rgba(253,226,228,.3)}.cr-nutrients-label{font-size:11px;font-weight:700;color:#e5989b;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:8px}.cr-nutrient-tags{display:flex;flex-wrap:wrap;gap:6px}.cr-nutrient-tag{padding:4px 12px;background:#fde2e44d;border:1px solid rgba(253,226,228,.5);border-radius:999px;font-size:11px;color:#e5989b;font-weight:600}.setup-page{position:relative;display:flex;min-height:100vh;width:100%;max-width:430px;margin:0 auto;flex-direction:column;overflow-x:hidden;background:#fbf8fa;color:#1b0e14;box-shadow:0 0 40px #00000014}.setup-blur-tr{position:absolute;top:-80px;right:-80px;width:256px;height:256px;background:#e64c990d;border-radius:50%;filter:blur(48px);pointer-events:none}.setup-blur-bl{position:absolute;top:50%;left:-128px;width:320px;height:320px;background:#e64c991a;border-radius:50%;filter:blur(100px);pointer-events:none}.setup-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;position:sticky;top:0;z-index:10;background:#fbf8fa}.setup-back{width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1b0e14}.setup-step-title{font-size:1.125rem;font-weight:700;letter-spacing:-.015em;flex:1;text-align:center}.setup-skip{width:48px;display:flex;align-items:center;justify-content:flex-end;font-size:1rem;font-weight:700;color:#e64c99;cursor:pointer}.setup-progress-wrap{padding:0 16px;display:flex;flex-direction:column;gap:12px}.setup-progress-labels{display:flex;justify-content:space-between;font-size:.875rem;font-weight:500;color:#1b0e14}.setup-progress-track{height:8px;border-radius:999px;background:#e6d1db;overflow:hidden}.setup-progress-fill{height:100%;border-radius:999px;background:#e64c99;transition:width .4s ease}.setup-headline{margin-top:16px;padding:20px 24px 8px;text-align:center}.setup-headline h1{font-size:1.75rem;font-weight:800;line-height:1.2;letter-spacing:-.5px;color:#1b0e14}.setup-body{font-size:1rem;color:#5c3d4c;line-height:1.6;text-align:center;padding:4px 32px 24px}.setup-input-area{padding:0 24px}.setup-input-card{display:flex;flex-direction:column;align-items:center;gap:20px;border-radius:.75rem;border:2px dashed #e6d1db;background:#ffffff80;padding:40px 24px;transition:border-color .2s}.setup-input-card:focus-within{border-color:#e64c99}.setup-input-icon-wrap{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e64c991a;color:#e64c99}.setup-input-content{text-align:center}.setup-input-label{font-size:1.25rem;font-weight:700;letter-spacing:-.015em;color:#1b0e14}.setup-input-hint{font-size:.875rem;color:#5c3d4c;margin-top:4px;max-width:280px;margin-left:auto;margin-right:auto}.setup-name-input{width:100%;max-width:280px;padding:14px 20px;border:2px solid #e6d1db;border-radius:999px;font-size:1rem;font-weight:500;text-align:center;outline:none;background:#fff;color:#1b0e14;transition:border-color .2s;font-family:Plus Jakarta Sans,sans-serif}.setup-name-input::placeholder{color:#c9a8b8}.setup-name-input:focus{border-color:#e64c99}.setup-tip-wrap{padding:24px;margin-top:8px}.setup-tip{background:#e64c990d;border:1px solid rgba(230,76,153,.1);border-radius:.75rem;padding:16px;display:flex;gap:16px;align-items:flex-start;color:#e64c99}.setup-tip-title{font-size:.875rem;font-weight:700;color:#1b0e14}.setup-tip-desc{font-size:.75rem;color:#5c3d4c;line-height:1.5;margin-top:2px}.setup-bottom{margin-top:auto;padding:24px 24px 40px;display:flex;flex-direction:column;gap:12px}.setup-next-btn{width:100%;padding:16px;border-radius:999px;border:none;background:#e64c99;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.015em;cursor:pointer;box-shadow:0 8px 20px #e64c9933;transition:background .2s,transform .1s}.setup-next-btn:hover{background:#e64c99e6}.setup-next-btn:active{transform:scale(.98)}.setup-next-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.setup-skip-text{font-size:.875rem;font-weight:500;color:#955073;text-align:center;padding:8px;cursor:pointer}.setup-skip-text:hover{text-decoration:underline}.setup-name-area{padding:16px 24px 0}.setup-name-card{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #e6d1db;border-radius:999px;padding:4px 6px 4px 16px;transition:border-color .2s}.setup-name-card:focus-within{border-color:#e64c99}.setup-name-icon-wrap{color:#e64c99;display:flex;align-items:center;flex-shrink:0}.setup-name-area .setup-name-input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;font-weight:500;color:#1b0e14;padding:12px 4px;font-family:Plus Jakarta Sans,sans-serif;max-width:none;width:auto;text-align:left;border-radius:0}.setup-name-area .setup-name-input::placeholder{color:#c9a8b8}.setup-select-photo-btn{min-width:160px;padding:12px 24px;border-radius:999px;border:none;background:#e64c99;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.015em;cursor:pointer;box-shadow:0 8px 20px #e64c9933;transition:background .2s}.setup-select-photo-btn:hover{background:#e64c99e6}.setup-camera-btn{width:100%;padding:16px;border-radius:999px;border:1px solid #e6d1db;background:#f3e8ed;color:#1b0e14;font-size:1rem;font-weight:700;letter-spacing:.015em;cursor:pointer;transition:background .2s}.setup-camera-btn:hover{background:#e6d1db}.setup-input-card{cursor:pointer}.setup-page .lang-btn{background:#fff;border:1px solid #e6d1db;color:#1b0e14;-webkit-backdrop-filter:none;backdrop-filter:none}.setup-page .lang-dropdown{background:#fff;border:1px solid #e6d1db;box-shadow:0 4px 20px #0000001a}.setup-page .lang-option{color:#1b0e14}.setup-page .lang-option:hover{background:#e64c9914}.setup-page .lang-option.active{background:#e64c991f;color:#e64c99}.hub-page{position:relative;display:flex;min-height:100vh;width:100%;max-width:480px;margin:0 auto;flex-direction:column;overflow-x:hidden;background:#f8f6f7;color:#1b0d14}.hub-header{display:flex;align-items:center;padding:16px 16px 8px;position:sticky;top:0;z-index:50;background:#f8f6f7}.hub-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #ee2b8c;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fde9f2;flex-shrink:0}.hub-avatar-img{width:100%;height:100%;object-fit:cover}.hub-header-text{flex:1;padding:0 12px}.hub-header-label{font-size:.75rem;font-weight:500;color:#ee2b8c;text-transform:uppercase;letter-spacing:.1em}.hub-header-name{font-size:1.125rem;font-weight:800;line-height:1.3;letter-spacing:-.3px;color:#1b0d14}.hub-notif-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 4px #0000000f;cursor:pointer;color:#1b0d14}.hub-notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#ee2b8c}.hub-banner-wrap{padding:0 16px 12px}.hub-banner{position:relative;border-radius:.75rem;min-height:220px;overflow:hidden;box-shadow:0 4px 16px #0000001a;background:#ddd;display:flex;flex-direction:column;justify-content:flex-end}.hub-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hub-banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2) 0%,transparent 50%,rgba(0,0,0,.2) 100%)}.hub-banner-tags{position:absolute;inset:0;display:flex}.hub-banner-half{width:50%;height:100%;display:flex;align-items:flex-start;padding:16px}.hub-banner-half-right{justify-content:flex-end}.hub-tag-dark{background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:-.3px}.hub-tag-pink{background:#ee2b8c;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:-.3px}.hub-banner-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hub-styling-badge{background:#ee2b8ce6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 16px;border-radius:999px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0003}.hub-styling-badge p{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em}@keyframes hub-spin{to{transform:rotate(360deg)}}.hub-spin{animation:hub-spin 2s linear infinite;color:#fff}.hub-banner-bottom{position:relative;display:flex;flex-direction:column;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);width:100%}.hub-banner-title{color:#fff;font-size:1.25rem;font-weight:800;line-height:1.3}.hub-banner-sub{color:#fffc;font-size:.75rem;font-weight:500}.hub-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.hub-section-title{font-size:1.375rem;font-weight:800;letter-spacing:-.3px;color:#1b0d14}.hub-view-all{font-size:.75rem;font-weight:700;color:#ee2b8c;text-transform:uppercase;background:none;border:none;cursor:pointer}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px 16px}.hub-card{display:flex;flex-direction:column;gap:16px;border-radius:1rem;border:1px solid #e7cfdb;background:#fff;padding:24px;box-shadow:0 1px 4px #0000000a;cursor:pointer;transition:transform .15s}.hub-card:active{transform:scale(.95)}.hub-card-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hub-icon-pink{background:#fde9f2;color:#ee2b8c}.hub-icon-blue{background:#e9f2fd;color:#3b82f6}.hub-icon-green{background:#e9fdf5;color:#10b981}.hub-icon-purple{background:#f8e9fd;color:#a855f7}.hub-card-text{display:flex;flex-direction:column;gap:2px}.hub-card-title{font-size:1.1rem;font-weight:700;color:#1b0d14}.hub-card-sub{font-size:.8rem;font-weight:600}.hub-sub-pink{color:#9a4c73}.hub-sub-blue{color:#4c739a}.hub-sub-green{color:#4c9a73}.hub-sub-purple{color:#734c9a}.hub-card-fashion{grid-column:span 2;display:flex;flex-direction:row;align-items:center;gap:16px;border-radius:1rem;border:2px solid #ee2b8c;background:#ee2b8c0d;padding:20px;box-shadow:0 4px 12px #ee2b8c1a;cursor:pointer;transition:transform .15s}.hub-card-fashion:active{transform:scale(.95)}.hub-fashion-icon{width:64px;height:64px;border-radius:50%;background:#ee2b8c;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ee2b8c4d;flex-shrink:0}.hub-fashion-text{flex:1;display:flex;flex-direction:column}.hub-fashion-title-row{display:flex;align-items:center;justify-content:space-between}.hub-fashion-title{font-size:1.25rem;font-weight:800;color:#1b0d14}.hub-hot-badge{background:#ee2b8c;color:#fff;font-size:10px;padding:2px 8px;border-radius:999px;font-weight:700}.hub-fashion-sub{font-size:.875rem;font-weight:600;color:#ee2b8c}.hub-fashion-arrow{color:#ee2b8c66}.hub-bottom-nav-wrap{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:0 16px 24px;background:linear-gradient(to top,#f8f6f7,rgba(248,246,247,.95),transparent)}.hub-bottom-nav{display:flex;gap:8px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:8px;border-radius:999px;box-shadow:0 8px 32px #0000001a}.hub-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:999px;padding:8px 0;cursor:pointer;color:#9a4c73;text-decoration:none}.hub-nav-item p{font-size:10px;font-weight:500;letter-spacing:-.3px}.hub-nav-active{background:#ee2b8c;color:#fff}.hub-nav-active p{font-weight:700}.hub-carousel{position:relative;border-radius:1rem;overflow:hidden;aspect-ratio:4 / 3;cursor:grab;user-select:none;-webkit-user-select:none}.hub-carousel:active{cursor:grabbing}.hub-carousel-img{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;display:block;pointer-events:none;will-change:transform;transition:opacity .3s ease}.hub-carousel-fade{opacity:0}.hub-carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.hub-carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#e6d1db;cursor:pointer;padding:0;transition:background .2s,width .2s}.hub-carousel-dot-active{width:20px;border-radius:999px;background:#ee2b8c}@media(min-width:768px){.app,.clinic-page{max-width:680px}.hub-page{max-width:720px}.hub-grid{grid-template-columns:repeat(3,1fr)}.hub-card-fashion{grid-column:span 3}.clinic-bottom-cta{max-width:680px}.hub-bottom-nav-wrap{left:50%;right:auto;transform:translate(-50%);max-width:720px;width:100%}}@media(min-width:1024px){.app,.clinic-page{max-width:900px}.hub-page{max-width:960px}.hub-grid{grid-template-columns:repeat(4,1fr)}.hub-card-fashion{grid-column:span 4}.clinic-section{padding:0 40px}.clinic-card{padding:32px}.cr-analysis-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-title-sub{font-size:1.75rem}.home-title-main{font-size:3.5rem}.home-desc{max-width:360px;font-size:1.1rem}.clinic-bottom-cta{max-width:900px}.hub-bottom-nav-wrap{max-width:960px}}@media(min-width:1280px){.clinic-page{max-width:1060px}.hub-page{max-width:1120px}.clinic-bottom-cta{max-width:1060px}.hub-bottom-nav-wrap{max-width:1120px}}.sub-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.sub-modal{background:#1a1a2e;border-radius:24px;padding:32px 24px;max-width:400px;width:100%;text-align:center;position:relative;border:1px solid rgba(255,77,151,.3)}.sub-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#999;font-size:24px;cursor:pointer}.sub-modal-badge{display:inline-block;background:linear-gradient(135deg,#ff4d97,#b24dff);color:#fff;font-size:11px;font-weight:700;letter-spacing:2px;padding:4px 16px;border-radius:20px;margin-bottom:16px}.sub-modal-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:8px}.sub-modal-price{margin-bottom:20px}.sub-price-amount{font-size:36px;font-weight:800;background:linear-gradient(135deg,#ff4d97,#b24dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sub-price-period{color:#999;font-size:14px}.sub-features{list-style:none;text-align:left;margin-bottom:20px}.sub-features li{color:#ccc;font-size:14px;padding:6px 0;display:flex;align-items:center;gap:8px}.sub-check{color:#ff4d97;font-weight:700}.sub-email-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:14px;margin-bottom:12px;outline:none}.sub-email-input:focus{border-color:#ff4d97}.sub-email-input::placeholder{color:#666}.sub-error{color:#ff6b6b;font-size:13px;margin-bottom:8px}.sub-cta-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#ff4d97,#b24dff);color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-bottom:12px}.sub-cta-btn:disabled{opacity:.6;cursor:not-allowed}.sub-disclaimer{color:#666;font-size:11px;line-height:1.4}.sub-success-page{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative;z-index:10}.sub-success-content{text-align:center}.sub-success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff4d97,#b24dff);color:#fff;font-size:40px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.sub-error-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.sub-success-content h2{color:#fff;font-size:24px;margin-bottom:8px}.sub-success-content p{color:#999;font-size:14px;margin-bottom:20px}.hub-lock-icon{color:#fff6;font-size:18px;margin-left:auto;flex-shrink:0}.hub-card{position:relative}.hub-upgrade-btn{background:linear-gradient(135deg,#ff4d97,#b24dff);color:#fff;border:none;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.hub-premium-badge{background:linear-gradient(135deg,#ff4d97,#b24dff);color:#fff;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:4px 12px;border-radius:20px}.hub-usage-bar{margin:0 16px 12px;padding:10px 14px;background:#ffffff0d;border-radius:12px}.hub-usage-text{color:#999;font-size:12px;margin-bottom:6px}.hub-usage-track{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.hub-usage-fill{height:100%;background:linear-gradient(90deg,#ff4d97,#b24dff);border-radius:2px;transition:width .3s ease}