:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef5ff;background:#050b18;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#132343 0,#07101f 45%,#040916 100%);min-height:100vh}.shell{width:min(980px,calc(100% - 24px));margin:auto;padding:18px 0 60px}.topbar{display:flex;align-items:center;gap:14px}.back,.tag{color:#b9c8df;text-decoration:none;font-weight:700}.logo{height:44px;max-width:190px;object-fit:contain}.tag{margin-left:auto;border:1px solid #31415e;border-radius:999px;padding:7px 11px}.hero{padding:40px 6px 18px}.hero h1{font-size:clamp(2.2rem,7vw,4.6rem);line-height:.95;margin:.2em 0}.hero p{max-width:700px;color:#becbe0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:800;color:#69e6b6}.card{background:rgba(13,23,43,.92);border:1px solid #293953;border-radius:22px;padding:20px;margin-top:16px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.stage{position:relative;min-height:420px;max-height:72vh;background:#030814;border:1px solid #31415e;border-radius:18px;overflow:hidden;display:grid;place-items:center}.stage video,.stage canvas{display:block;width:100%;height:100%;max-height:72vh;object-fit:contain}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:30px;color:#b9c8df}.person-icon{font-size:5rem;color:#38d49c}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}button,.button{appearance:none;border:1px solid #354766;background:#14213a;color:#fff;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.primary{width:100%;margin-top:14px;border:0;background:linear-gradient(90deg,#20ce70,#3eb9ee,#8b57ec);color:#03101a;font-size:1rem}.message,.status{color:#bdc9dc;margin:12px 0 0}.status{font-size:.9rem}.track{height:8px;background:#1e2d47;border-radius:99px;overflow:hidden}.track div{height:100%;width:0;background:linear-gradient(90deg,#20ce70,#46b7ef,#9256ee);transition:width .35s}#progressList{line-height:1.9;color:#bcf2d5}#progressList li.done{font-weight:800;color:#68e9ae}.result-head{display:flex;align-items:center;justify-content:space-between}.score{width:92px;height:92px;border:4px solid #285074;border-radius:50%;display:grid;place-content:center;text-align:center}.score strong{font-size:2rem}.score small{color:#9eb0ca}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.score-card{border:1px solid #2d3d58;border-radius:14px;padding:14px}.score-top{display:flex;justify-content:space-between;gap:8px}.mini-track{height:5px;border-radius:99px;background:#26354e;margin:10px 0}.mini-track div{height:100%;background:#895af0;border-radius:99px}.score-card p{color:#9fb0c7;font-size:.85rem}.advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.advice-grid article{border:1px solid #2d3d58;border-radius:14px;padding:14px}.advice-grid li{margin:.55em 0;color:#cbd7e8}@media(max-width:720px){.score-grid{grid-template-columns:1fr 1fr}.advice-grid{grid-template-columns:1fr}.stage{min-height:52vh}.topbar .logo{height:36px}.back{font-size:.86rem}}@media(max-width:430px){.score-grid{grid-template-columns:1fr}.controls>*{flex:1 1 46%;text-align:center}.card{padding:14px;border-radius:17px}.shell{width:min(100% - 14px,980px)}}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.facts>div{border:1px solid #2d3d58;border-radius:13px;padding:12px;background:#0a1428}.facts span{display:block;color:#8fa4c0;font-size:.78rem;margin-bottom:5px}.facts strong{font-size:1rem}.disclaimer{margin-top:16px;padding:12px 14px;border-left:3px solid #4ecfa0;background:#09182a;color:#aebed3;border-radius:8px;font-size:.86rem}@media(max-width:720px){.facts{grid-template-columns:1fr 1fr}}
.validation{margin:12px 0;padding:12px 14px;border:1px solid #29415f;border-radius:12px;background:#0a1628}.validation strong{display:block;margin-bottom:6px}.validation ul{margin:0;padding-left:19px}.validation li{margin:4px 0}.validation.ok{border-color:#26d7a2;background:rgba(38,215,162,.08)}.validation.bad{border-color:#ff7a8a;background:rgba(255,122,138,.08)}
.fashion-panel{margin:18px 0;border:1px solid #2d3d58;border-radius:15px;padding:15px;background:#091426}.fashion-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fashion-head h3{margin:.15rem 0}.model-badge{border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800;border:1px solid #4a5c7a}.model-badge.pending{color:#c9d6e8}.model-badge.ready{color:#65e7b0;border-color:#2bc895;background:rgba(43,200,149,.08)}.model-badge.missing{color:#ffd28a;border-color:#9b7335;background:rgba(155,115,53,.1)}.fashion-panel>p{color:#b6c4d8}.fashion-items{display:flex;flex-wrap:wrap;gap:8px}.fashion-chip,.fashion-empty{border:1px solid #334663;border-radius:999px;padding:8px 11px;color:#dce7f7;background:#0d1a30}.fashion-empty{border-style:dashed;color:#9fb0c7}
.face-summary{display:flex;align-items:center;gap:12px}.face-summary p{color:#b6c4d8}.skin-swatch{width:46px;height:46px;flex:0 0 46px;border-radius:50%;border:3px solid rgba(255,255,255,.7);box-shadow:0 0 0 1px #40516d}.face-facts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.face-facts span{border:1px solid #334663;border-radius:999px;padding:8px 11px;background:#0d1a30}.face-tips{margin:12px 0 0;padding-left:20px}.face-tips li{margin:.55em 0;color:#cbd7e8}
.region-debug{scroll-margin-top:16px}.region-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.region-head h2{margin:.15rem 0 .35rem}.region-head p:last-child{margin:.3rem 0;color:#afbed2;max-width:670px}.region-quality{margin:14px 0;padding:10px 12px;border-radius:11px;border:1px solid #34506e;background:#0a172a;color:#c6d4e7}.region-quality.ok{border-color:#2bc895;color:#7bebbd;background:rgba(43,200,149,.08)}.region-quality.warn{border-color:#b9823f;color:#ffd18a;background:rgba(185,130,63,.08)}.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.region-card{overflow:hidden;border:1px solid #2d3d58;border-radius:14px;background:#081225}.region-preview{height:210px;display:grid;place-items:center;background:linear-gradient(135deg,#06101f,#101d35);background-image:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.025) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.region-preview img{width:100%;height:100%;object-fit:contain}.region-preview.empty{color:#8fa4c0}.region-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px}.region-meta strong,.region-meta span{display:block}.region-meta span{margin-top:3px;color:#8fa4c0;font-size:.76rem}.region-meta b{border-radius:999px;padding:6px 8px;font-size:.76rem}.region-meta b.good{color:#66e8b0;background:rgba(43,200,149,.1)}.region-meta b.medium{color:#ffd18a;background:rgba(185,130,63,.12)}.region-meta b.low{color:#ff97a3;background:rgba(255,122,138,.1)}
@media(max-width:760px){.region-head{display:block}.region-head button{width:100%;margin-top:10px}.region-grid{grid-template-columns:1fr 1fr}.region-preview{height:180px}}
@media(max-width:470px){.region-grid{grid-template-columns:1fr}.region-preview{height:230px}}
#progressList{display:none!important}.track{height:9px!important}
.site-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px 0 0;color:#aebed3}.site-footer a{color:#dce8f8}.privacy-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.75)}.privacy-dialog{width:min(500px,100%);padding:20px;border-radius:12px;background:#0f172a;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.55)}.privacy-dialog h2{margin:26px 0 22px;font-size:clamp(1.55rem,5vw,2rem)}.privacy-dialog>p{margin:0 0 18px;color:#fff;line-height:1.5}.privacy-dialog label{display:flex;align-items:center;gap:8px;margin:12px 0;line-height:1.4}.privacy-dialog input{width:16px;height:16px;flex:0 0 auto;accent-color:#1677ff}.privacy-dialog a{color:#0000ee;text-decoration:underline}.privacy-links{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 16px}.privacy-links a:not(:last-child)::after{content:' |';color:#fff;text-decoration:none}.privacy-dialog button{width:100%;margin-top:0;border:1px solid #334155;background:#1e293b;color:#fff;border-radius:12px;padding:11px 16px;font-weight:400}.privacy-dialog button:disabled{opacity:1;color:#fff;background:#1e293b}
.section-intro h2,.guide-copy h2{margin:.2rem 0 .55rem;font-size:clamp(1.65rem,4vw,2.35rem)}.section-intro>p:last-child,.guide-copy>p{color:#b9c8dc;line-height:1.6}.expect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.expect-grid article{padding:16px;border:1px solid #2d405e;border-radius:15px;background:linear-gradient(145deg,#0b172b,#101c34)}.expect-grid span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:13px;border-radius:10px;background:linear-gradient(135deg,#21ce84,#47aef2,#8d57eb);color:#06111e;font-weight:900}.expect-grid strong{display:block}.expect-grid p{margin:.55rem 0 0;color:#9fb1c9;font-size:.9rem;line-height:1.5}.photo-guide{display:grid;grid-template-columns:minmax(230px,.8fr) 1.4fr;gap:28px;align-items:center}.guide-image-wrap{position:relative;overflow:hidden;min-height:390px;border:1px solid #30425e;border-radius:17px;background:#080f1d}.guide-image-wrap img{display:block;width:100%;height:430px;object-fit:cover;object-position:center 45%}.guide-image-wrap span{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:10px;background:rgba(4,10,22,.84);backdrop-filter:blur(8px);font-size:.84rem;font-weight:800;text-align:center}.guide-copy ul{margin:18px 0 0;padding:0;list-style:none}.guide-copy li{position:relative;margin:10px 0;padding-left:28px;color:#d5e1f1}.guide-copy li::before{content:'✓';position:absolute;left:0;color:#65e7b0;font-weight:900}.loading-note{margin:-4px 0 16px;color:#b9c8dc}.analysisProgress h2,#analysisProgress h2{margin-bottom:10px}@media(max-width:820px){.expect-grid{grid-template-columns:1fr 1fr}.photo-guide{grid-template-columns:1fr}.guide-image-wrap{width:min(100%,430px);margin:auto}.guide-image-wrap img{height:480px}}@media(max-width:480px){.expect-grid{grid-template-columns:1fr}.guide-image-wrap img{height:420px}.photo-guide{gap:18px}}