:root{--bg:#fff;--text:#555;--heading:#171717;--muted:#8a8a8a;--stone:#e8e7e2;--stone-soft:#f6f5f1;--line:#ecebe6;--ink:#111;--sans:Inter, "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Hiragino Sans", "Yu Gothic", "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--script:"Mrs Saint Delafield", cursive}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:400 15px/1.65 var(--sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2{color:var(--heading);margin:0;font-weight:500}button{font:inherit}.top{justify-content:space-between;align-items:center;gap:12px;max-width:600px;margin:0 auto;padding:14px 20px;display:flex}.mark{font-family:var(--script);color:var(--heading);font-size:26px;line-height:1}.langs{gap:2px;display:flex}.langs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 10px;font-size:12.5px}.langs button.on{background:var(--ink);color:#fff}@media (width<=479px){.top .mark{display:none}.top{justify-content:center}}.page{max-width:560px;margin:0 auto;padding:0 20px 180px}.intro,.loading,.retake{text-align:center;flex-direction:column;align-items:center;display:flex}.orbit{aspect-ratio:1;width:min(100%,420px);margin:4px auto 8px;position:relative}.orb-slot{flex-direction:column;align-items:center;gap:6px;width:20%;display:flex;position:absolute;transform:translate(-50%,-50%)}.orb-slot small{color:var(--muted);white-space:nowrap;font-size:11.5px}.o0{top:17%;left:31%}.o1{top:17%;left:69%}.o2{top:50%;left:88%}.o3{top:83%;left:69%}.o4{top:83%;left:31%}.o5{top:50%;left:12%}.orb{aspect-ratio:1;background:radial-gradient(circle at 30% 24%, #fffffff2 0, #ffffff73 9%, transparent 26%), radial-gradient(circle at 68% 86%, #ffffff59, transparent 42%), radial-gradient(circle at 45% 40%, var(--a), var(--b) 78%);border-radius:50%;width:100%;animation:6s ease-in-out infinite float;display:block;box-shadow:inset 0 -8px 16px #0000002e,inset 0 5px 12px #ffffff8c,0 12px 24px #0000001a,-1.5px 0 #ff469633,1.5px 0 #28a0ff33}.o1 .orb{animation-delay:-1s}.o2 .orb{animation-delay:-2s}.o3 .orb{animation-delay:-3s}.o4 .orb{animation-delay:-4s}.o5 .orb{animation-delay:-5s}.orb-pigmentation{--a:#d2a67a;--b:#7d5034}.orb-redness{--a:#f4b0b2;--b:#be4f66}.orb-pores{--a:#efece7;--b:#a29d95}.orb-texture{--a:#eedcc0;--b:#ae8a60}.orb-fine_lines{--a:#ded7ee;--b:#8679ad}.orb-oil_dryness{--a:#d3ecea;--b:#5f9fa1}@keyframes float{50%{transform:translateY(-5px)}}.orbit-center{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:30% 24%}.script{font-family:var(--script);color:var(--heading);font-size:clamp(28px,8vw,40px);line-height:1}.orbit-center h1{font-size:15px;line-height:1.4}.lead{max-width:420px;margin:8px auto 20px}.hint{color:var(--muted);margin:10px 0 0;font-size:13px}.error{color:#b23a50;background:#fbeef0;border-radius:10px;margin:16px 0 0;padding:10px 14px;font-size:14px}.consent{text-align:left;background:var(--stone-soft);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;font-size:13.5px;line-height:1.55;display:flex}.consent input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin:1px 0 0}.pickers{gap:10px;width:100%;margin-top:14px;display:flex}.pill{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:10px 22px;font-weight:500;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.pickers .pill{flex:1}.pill.dark{background:var(--ink);color:#fff;box-shadow:0 8px 20px #00000029}.pill.light{color:var(--heading);background:#fff;border:1px solid #dcdad3}.pill:active{transform:scale(.98)}.pill.off{opacity:.35;cursor:not-allowed;box-shadow:none}.lens{aspect-ratio:1;background:var(--stone);border-radius:50%;width:min(62vw,240px);margin:28px auto 24px;position:relative;overflow:hidden;box-shadow:0 16px 36px #00000024,-2px 0 #ff46962e,2px 0 #28a0ff2e}.lens img{object-fit:cover;width:100%;height:100%;display:block}.lens:after{content:"";background:radial-gradient(circle at 30% 22%,#ffffffbf 0,#ffffff40 10%,#0000 30%),radial-gradient(circle,#0000 58%,#ffffff47 72%,#00000038 100%);border-radius:50%;position:absolute;inset:0}.lens.scanning:before{content:"";z-index:1;background:linear-gradient(#0000,#ffffff8c,#0000);height:28%;animation:2.2s ease-in-out infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%{top:-28%}to{top:100%}}.loading h2,.retake h2{font-size:17px}.result-title{margin:18px 0 8px;font-size:20px}.block{margin-top:36px}.block h2{margin-bottom:10px;font-size:15px}.block h2 span{width:22px;color:var(--muted);font-weight:400;display:inline-block}.block-body{padding-left:22px}.block-body>p{margin:0}.scores,.zone-list,.tips{margin:12px 0 0;padding:0;list-style:none}.scores li+li{margin-top:16px}.score-row{color:var(--heading);justify-content:space-between;display:flex}.score-row b{font-variant-numeric:tabular-nums;font-weight:600}.bar{background:var(--line);border-radius:999px;height:4px;margin:6px 0;overflow:hidden}.bar i{border-radius:inherit;height:100%;display:block}.note{color:#777;margin:0;font-size:13.5px}.zone-canvas canvas{background:var(--stone);border-radius:6px;width:100%;height:auto;display:block;box-shadow:0 5px 15px #00000012}.zone-list li{align-items:flex-start;gap:10px;display:flex}.zone-list li+li{margin-top:12px}.zone-list b{color:var(--heading);font-weight:500}.zone-list em{color:var(--muted);margin-left:4px;font-size:12.5px;font-style:normal}.num{color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;font-size:12px;font-weight:600;display:grid}.tips li{padding-left:16px;position:relative}.tips li+li{margin-top:8px}.tips li:before{content:"";background:var(--heading);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:2px}.link{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:40px auto 0;text-decoration:underline;display:block}.dock{padding:20px 16px calc(10px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#fff0,#fff 28%);position:fixed;bottom:0;left:0;right:0}.dock .cta{width:100%;max-width:520px;margin:0 auto 8px;font-size:14.5px;display:flex}.disclaimer{max-width:560px;color:var(--muted);white-space:pre-line;margin:0 auto;font-size:11px;line-height:1.5}@media (prefers-reduced-motion:reduce){.orb,.lens.scanning:before{animation:none}}