:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#2d2734;background:#faf9fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#faf9fd}.shell{width:min(100% - 28px,920px);margin:0 auto;padding:34px 0 60px}.narrow{max-width:680px}.hero{margin-bottom:22px}.hero h1,.card h1{font-size:clamp(34px,7vw,60px);letter-spacing:-.045em;line-height:1;margin:8px 0 14px;color:#322443}.hero p{max-width:680px;color:#696271;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:12px;color:#7652ad}.card{background:#fff;border:1px solid #e9e4ee;border-radius:22px;padding:20px;box-shadow:0 6px 24px rgba(30,20,45,.04);margin:16px 0}.camera-stage{position:relative;overflow:hidden;border-radius:18px;background:#17141b;aspect-ratio:3/4;max-height:70vh}video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.guide{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.oval{width:58%;height:68%;border:3px solid rgba(255,255,255,.78);border-radius:50%;box-shadow:0 0 0 200vmax rgba(0,0,0,.16)}.status,.note{font-size:14px;color:#756e7b;line-height:1.5}.status{margin:14px 0}.actions{display:flex;gap:10px}.primary,.secondary{appearance:none;border:0;border-radius:14px;padding:14px 18px;font-weight:800;font-size:16px;cursor:pointer}.primary{background:#6338b6;color:#fff}.primary:disabled{opacity:.45}.secondary{background:#f2edf8;color:#53348b}.fallback{margin-top:18px;padding-top:16px;border-top:1px solid #eee9f2;display:grid;gap:8px;font-size:14px}#preview{width:100%;border-radius:18px;margin-top:16px}.progress-line{display:flex;align-items:center;gap:12px;font-weight:700}.pulse{width:11px;height:11px;background:#6338b6;border-radius:50%;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}.error-card{border-color:#f0c8d0;background:#fffafb}.success{color:#217451;font-weight:700}.big-score{font-size:72px;font-weight:850;letter-spacing:-.05em;color:#6338b6;margin:20px 0}.big-score span{font-size:20px;color:#8d8794;letter-spacing:0}footer{margin-top:26px;font-size:13px}a{color:#6338b6}code{background:#f4f1f8;padding:2px 5px;border-radius:5px}@media(min-width:800px){.capture-card{padding:26px}.camera-stage{max-width:560px;margin:0 auto}.actions{justify-content:center}.primary,.secondary{min-width:180px}}
.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:28px;color:#fff;background:linear-gradient(180deg,rgba(23,20,27,.35),rgba(23,20,27,.72));z-index:2}.camera-placeholder[hidden]{display:none}.camera-placeholder span{max-width:300px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.78)}.status-error{color:#9b3e50;font-weight:650}.status-ok{color:#28714c}.fallback strong{font-size:14px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mode-card{display:grid;gap:12px}.mode-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.mode-heading h2{margin:3px 0 0;font-size:22px;color:#322443}.dev-badge{font-size:12px;font-weight:800;background:#f0e9fb;color:#5c369a;border-radius:999px;padding:7px 10px}.mode-option{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #e8e2ed;border-radius:16px;cursor:pointer}.mode-option:has(input:checked){border-color:#8b69c9;background:#faf7ff}.mode-option input{margin-top:3px;accent-color:#6338b6}.mode-option span{display:grid;gap:4px}.mode-option small{font-size:13px;line-height:1.45;color:#756e7b}.mode-option.disabled{opacity:.55;cursor:not-allowed}.mode-option strong{color:#392b49}
.dev-result{background:#f6f1fd;border:1px solid #e4d8f7;border-radius:14px;padding:12px 14px;color:#56388c;line-height:1.45}

/* Full analysis result */
.result-shell{width:min(100% - 24px,1180px);margin:0 auto;padding:24px 0 64px}.simulation-banner{background:#f4edff;border:1px solid #dfd0f7;color:#553589;border-radius:16px;padding:12px 16px;margin-bottom:16px;font-size:14px}.result-hero{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.15fr) minmax(260px,1fr);gap:22px;align-items:stretch}.result-photo-wrap{min-height:310px}.result-photo{width:100%;height:100%;max-height:410px;object-fit:cover;border-radius:18px}.result-score-block{display:flex;flex-direction:column;justify-content:center}.result-score-block .big-score{margin:10px 0 4px}.result-title{font-size:clamp(28px,4vw,42px)!important;margin:4px 0 12px!important;letter-spacing:-.04em}.lead{font-size:16px;line-height:1.55;color:#5d5663}.small-lead{max-width:850px}.meta-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.meta-row span{font-size:12px;background:#f6f3f8;border-radius:999px;padding:7px 10px}.snapshot-grid{display:grid;gap:12px}.snapshot-box{border:1px solid #eee8f2;background:#fbfafd;border-radius:16px;padding:15px}.snapshot-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:#7252a0;margin-bottom:9px}.good-title{color:#33705b}.snapshot-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:8px 0;font-size:14px}.snapshot-factor{display:flex;align-items:center;gap:9px;min-width:0}.snapshot-factor strong{min-width:0}.snapshot-icon{flex:0 0 16px;color:#33263f;font-size:16px;line-height:1}.snapshot-state{color:#817a86;font-size:12px;text-align:right;white-space:nowrap}.report-section{margin-top:42px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.035em;margin:4px 0 7px;color:#342640}.section-heading p{margin:0;color:#756e7b;line-height:1.5}.profile-full{padding:24px}.evidence-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.evidence-chip{font-size:12px;border:1px solid #e4dcef;border-radius:999px;padding:7px 10px;background:#fff}.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-columns h3,.map-copy h4,.priority-card h4{font-size:13px;margin:18px 0 5px;color:#6c4b9d}.info-columns p,.map-copy p,.priority-card p{line-height:1.55;color:#514b59}.map-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;padding:18px}.map-mobile-picker{display:none}.map-mobile-picker label{display:block;font-size:12px;font-weight:800;color:#6f6677;margin-bottom:7px}.map-select-mobile{width:100%;appearance:auto;border:1px solid #dcd3e4;border-radius:13px;background:#fff;color:#342640;padding:13px 42px 13px 13px;font:inherit;font-size:15px;font-weight:700;line-height:1.3}.map-select-mobile:focus{outline:3px solid rgba(99,56,182,.14);border-color:#8d68c9}.map-nav{display:grid;align-content:start;gap:7px}.map-tab{appearance:none;border:1px solid #e8e2ed;background:#fff;border-radius:13px;padding:11px 12px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center}.map-tab span{font-weight:750}.map-tab small{font-size:11px;color:#817a86}.map-tab.active{border-color:#8d68c9;background:#f7f2ff;color:#543390}.map-panel{display:none;grid-template-columns:minmax(260px,1.2fr) minmax(250px,.9fr);gap:24px;align-items:start}.map-panel.active{display:grid}.map-image img{width:100%;border-radius:17px;display:block}.map-copy{padding:8px 4px}.map-copy h3{font-size:26px;margin:4px 0}.map-score{font-size:48px;letter-spacing:-.045em;font-weight:850;color:#5f36a9;margin:8px 0}.map-score span{font-size:15px;color:#8a8390}.state-badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850}.map-help{background:#f7f4fa;border-radius:13px;padding:12px 14px;margin-top:16px}.map-help p{margin:5px 0 0}.region-group{padding:0;overflow:hidden}.region-group>summary{padding:18px 20px;font-size:18px;font-weight:800;cursor:pointer}.regional-layout{border-top:1px solid #eee8f2;border-radius:0;box-shadow:none;margin:0}.priority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.priority-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px}.priority-rank{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6338b6;color:#fff;font-weight:850}.priority-card h3{font-size:21px;margin:2px 0 9px}.priority-state{display:flex;align-items:center;gap:9px}.objective-box{background:#f7f4fa;border-radius:13px;padding:12px 14px;margin-top:15px}.objective-box p{font-weight:750;margin:4px 0}.objective-box span{font-size:12px;color:#756e7b}.recommendation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recommendation-card h3{margin:0 0 7px;font-size:20px}.recommendation-card>p{color:#665f6c;line-height:1.5}.strategy{border-top:1px solid #eee8f2;padding-top:13px;margin-top:13px}.strategy-title{display:flex;justify-content:space-between;gap:10px}.limited-tag{font-size:10px;background:#fff0e4;color:#965325;padding:5px 8px;border-radius:999px}.strategy>p{font-size:13px;color:#706978}.ingredient-group{display:grid;gap:4px;background:#faf9fb;border-radius:11px;padding:10px 12px;margin-top:8px}.ingredient-group span,.ingredient-group small{font-size:12px;color:#756e7b}.ingredient-group.blocked{opacity:.65}.full-results>summary{font-size:18px;font-weight:800;cursor:pointer}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.metric-result{border:1px solid #ebe6ef;border-radius:15px;padding:14px}.metric-top{display:flex;justify-content:space-between;gap:8px}.metric-top span{font-weight:850}.metric-bar{height:7px;background:#eeeaf1;border-radius:999px;overflow:hidden;margin:11px 0}.metric-bar span{display:block;height:100%;background:#6a42bf;border-radius:999px}.metric-result p{font-size:12px;line-height:1.45;color:#756e7b}.result-footer{margin:38px 0 0;padding-top:18px;border-top:1px solid #e9e4ee;color:#817a86;font-size:12px;line-height:1.5}
@media(max-width:900px){.result-hero{grid-template-columns:180px 1fr}.snapshot-grid{grid-column:1/-1;grid-template-columns:1fr 1fr}.map-layout{grid-template-columns:190px minmax(0,1fr)}.map-panel{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.result-shell{width:min(100% - 16px,1180px);padding-top:12px}.result-hero{grid-template-columns:1fr}.result-photo-wrap{min-height:0}.result-photo{max-height:430px}.snapshot-grid{grid-template-columns:1fr}.snapshot-box{padding:17px}.snapshot-item{gap:12px;padding:10px 0}.snapshot-factor{gap:8px}.snapshot-factor strong{font-size:15px;line-height:1.3}.snapshot-state{font-size:13px}.info-columns{grid-template-columns:1fr}.map-layout,.regional-layout{grid-template-columns:1fr;padding:12px}.map-mobile-picker{display:block;grid-column:1/-1;margin-bottom:2px}.map-nav{display:none}.map-panel.active{grid-template-columns:1fr}.priority-grid,.recommendation-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.priority-card{grid-template-columns:auto 1fr}.section-heading h2{font-size:28px}}
@media(max-width:390px){.snapshot-factor strong{font-size:14px}.snapshot-state{font-size:12px}.map-select-mobile{font-size:14px}}