:root{color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fbfbfd;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f5ecfb;min-height:100%;overflow:hidden auto}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden auto}button{color:inherit;font:inherit;border:0}.app{min-height:100vh;position:relative;overflow:hidden visible}.background{background:linear-gradient(110deg,#f7fbff26,#ffe9f540),url(/assets/bg_app_pastel_glass.png) 50%/cover no-repeat;position:fixed;inset:0;transform:scale(1.02)}.app-shell{z-index:1;place-items:center;min-height:100dvh;padding:18px;display:grid;position:relative}.phone-frame{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff75;border:1px solid #ffffffd1;border-radius:42px;width:min(100%,430px);height:min(920px,100dvh - 36px);min-height:680px;position:relative;overflow:hidden;box-shadow:0 34px 78px #5e43742e,inset 0 0 0 1px #ffffff80}.brand-header{z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(#fcf4fae0,#fcf4fa85 54%,#fcf4fa00);height:104px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.brand-logo-glass{position:absolute;top:18px;left:18px}.brand-logo{filter:drop-shadow(0 8px 13px #112b851f);width:112px;height:auto;display:block;transform:translate(-1px,-4px)}.screen{width:100%;height:100%;position:relative;overflow:hidden}.eyebrow{color:#aa5585c7;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:600}.intro-screen{background:linear-gradient(#f6d0f5d1,#ffffff7a 38%),#ffffff73;grid-template-rows:auto 1fr auto auto;padding:26px 22px 20px;display:grid}.language-pill,.status-pill,.quality-row span{color:#6b4d76;background:#ffffffa8;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 12px 28px #462d5814}.language-pill{justify-self:end}.intro-visual{background:linear-gradient(#ffffffc7,#ffffff7a);align-self:center;height:min(53vh,470px);min-height:360px;margin:16px -22px 0;position:relative;overflow:hidden}.intro-visual img{object-fit:contain;object-position:center 30%;transform-origin:50% 38%;width:auto;max-width:none;height:136%;margin:0;display:block;position:relative;left:50%;transform:translate(-50%)perspective(900px)translateY(-46px)rotateX(1.1deg)scale(1.01)}.intro-copy{text-align:center;padding:22px 8px 12px}.intro-copy h1,.camera-top h1,.analysis-card h1,.report-content h2{letter-spacing:0;word-break:keep-all;text-wrap:balance;margin:0;font-family:inherit;font-weight:300}.intro-copy h1{font-size:34px;line-height:1.1}.intro-copy p:last-child{color:#1d1d1f94;max-width:330px;margin:12px auto 0;font-size:14px;font-weight:400;line-height:1.62}.primary-action,.secondary-action{color:#fff;background:linear-gradient(145deg,#c85f96,#da7caf);border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;font-weight:650;display:inline-flex;box-shadow:0 18px 34px #ad4e7e47}.primary-action:disabled{opacity:.52}.primary-action.compact,.secondary-action.compact{width:auto;min-height:50px;margin:0;padding:0 22px}.secondary-action.compact:disabled{opacity:.35}.disclaimer{color:#1d1d1f7a;text-align:center;margin:12px 0 0;font-size:11px;line-height:1.5}.camera-screen{background:linear-gradient(#f8d3efbd,#ffffff6b),#ffffff52;grid-template-rows:auto 1fr auto;gap:14px;padding:74px 18px 20px;display:grid}.camera-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.camera-top h1{max-width:250px;font-size:24px;line-height:1.18}.status-pill.ok{color:#4f7b5a}.status-pill.wait{color:#8d5e63}.live-camera,.analysis-photo,.report-hero{background:#ffffff8c;border:1px solid #ffffffb8;border-radius:32px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff9e}.live-camera{min-height:0}.live-camera video,.analysis-photo img,.captured-photo{object-fit:cover;width:100%;height:100%}.live-camera video{transform:scaleX(-1)}.camera-fallback{color:#2d2434bd;text-align:center;align-content:center;place-items:center;gap:10px;height:100%;padding:24px;display:grid}.camera-fallback p{max-width:250px;margin:0;font-size:13px;line-height:1.58}.scan-overlay{pointer-events:none;position:absolute;inset:0}.corner{border-color:#262337e6;width:38px;height:38px;position:absolute}.top-left{border-top:2px solid;border-left:2px solid;border-radius:10px 0 0;top:28px;left:28px}.top-right{border-top:2px solid;border-right:2px solid;border-radius:0 10px 0 0;top:28px;right:28px}.bottom-left{border-bottom:2px solid;border-left:2px solid;border-radius:0 0 0 10px;bottom:28px;left:28px}.bottom-right{border-bottom:2px solid;border-right:2px solid;border-radius:0 0 10px;bottom:28px;right:28px}.scan-dot{background:#ffffff26;border:1px solid #fffffffa;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffffff8a}.face-line{transform-origin:50%;background:#ffffff52;height:1px;position:absolute;left:26%;right:26%}.line-1{top:42%;transform:rotate(18deg)}.line-2{top:58%;transform:rotate(-14deg)}.line-3{top:70%;transform:rotate(8deg)}.runtime-landmark-overlay{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.runtime-landmark-overlay span{opacity:0;width:3px;height:3px;animation:1.8s ease-in-out forwards runtime-landmark-in;animation-delay:calc(var(--i) * 3.5ms);background:#ffffffeb;border-radius:999px;position:absolute;transform:translate(-50%,-50%)scale(.42);box-shadow:0 0 7px #122a9680,0 0 0 1px #122a96ad}.runtime-landmark-overlay.captured span{width:2.5px;height:2.5px;animation:2.6s ease-in-out infinite runtime-landmark-pulse;animation-delay:calc(var(--i) * 2.5ms);background:#122a96e0;box-shadow:0 0 7px #ffffff80,0 0 0 1px #ffffffc2}.runtime-landmark-overlay i{background:linear-gradient(90deg,#0000,#ffffffdb,#0000);height:1px;animation:2.4s ease-in-out infinite runtime-landmark-scan;position:absolute;top:18%;left:16%;right:16%;box-shadow:0 0 18px #122a9652}@keyframes runtime-landmark-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}45%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes runtime-landmark-pulse{0%,to{opacity:.52;transform:translate(-50%,-50%)scale(.82)}45%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes runtime-landmark-scan{0%{opacity:0;top:18%}18%,72%{opacity:1}to{opacity:0;top:78%}}.quality-row{z-index:6;justify-content:center;gap:8px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.quality-row span{padding:8px 10px}.liveness-panel{z-index:6;color:#fff;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#30283d6b;border:1px solid #ffffff9e;border-radius:18px;gap:9px;padding:12px;display:grid;position:absolute;top:18px;left:18px;right:18px}.liveness-panel.complete{background:#3d724d70}.liveness-panel strong{font-size:12px;font-weight:600;line-height:1.45}.liveness-steps{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.liveness-steps span{background:#ffffff57;border-radius:999px;height:5px}.liveness-steps span.active{background:#fff}.camera-actions{justify-content:center;align-items:center;gap:24px;display:flex}.camera-actions button{background:#ffffffd1;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 14px 26px #4b315c21}.camera-actions .capture-button{color:#fff;background:linear-gradient(145deg,#ce6699,#d77eab);width:76px;height:76px;box-shadow:0 0 0 5px #ffffffbf,0 18px 34px #ad4e7e4d}.camera-actions .capture-button:disabled{opacity:.5}.camera-consent{color:#1d1d1f94;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin-top:-6px;padding:0 4px;font-size:11px;font-weight:500;line-height:1.48;display:grid}.camera-consent input{accent-color:#c85f96;width:16px;height:16px;margin:1px 0 0}.camera-consent a{color:#9d4b78;font-weight:700;text-decoration:none}.hidden-canvas,.hidden-input{display:none}.survey-screen{background:linear-gradient(#f8d3efc7,#ffffff75),#ffffff57;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:74px 18px 20px;display:grid;overflow-y:auto}.survey-head h1{letter-spacing:0;white-space:pre-line;word-break:keep-all;text-wrap:balance;max-width:340px;min-height:64px;margin:0;font-family:inherit;font-size:27px;font-weight:300;line-height:1.18}.survey-progress{background:#ffffff9e;border-radius:999px;height:6px;margin-bottom:18px;overflow:hidden}.survey-progress span{border-radius:inherit;background:linear-gradient(90deg,#c85f96,#e3a1c6);height:100%;transition:width .38s;display:block}.survey-content{align-content:start;gap:12px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.survey-content.single{scrollbar-width:none;align-content:start;gap:10px;padding:2px 2px 12px;animation:.42s both surveyIn;position:relative;overflow-y:auto}.survey-content.single::-webkit-scrollbar{display:none}.signal-orbit{color:#9b4672;background:radial-gradient(circle,#ffffffd1 0 34%,#c85f961a 35% 100%);border-radius:50%;place-items:center;width:82px;height:82px;margin:0 auto;display:grid;position:relative}.signal-orbit span{border:1px solid #c85f963d;border-radius:50%;animation:1.9s ease-in-out infinite orbitPulse;position:absolute;inset:9px}.signal-orbit span:nth-child(2){animation-delay:.28s;inset:0}.signal-orbit strong{font-family:inherit;font-size:30px;font-weight:300;line-height:1.08}.signal-summary{text-align:center;justify-items:center;gap:3px;min-height:36px;display:grid}.signal-summary span{color:#c85f96;font-size:11px;font-weight:600}.signal-summary strong{color:#1d1d1f9e;word-break:keep-all;max-width:310px;font-size:13px;font-weight:500;line-height:1.5}.survey-group{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff80;border:1px solid #ffffffa8;border-radius:20px;padding:14px;box-shadow:inset 0 1px #ffffff9e}.survey-group>strong{color:#1d1d1fc7;word-break:keep-all;margin-bottom:12px;font-size:13px;font-weight:600;line-height:1.48;display:block}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{color:#1d1d1fad;word-break:keep-all;background:#ffffffa8;border:1px solid #c85f9624;border-radius:999px;min-height:40px;padding:9px 11px;font-size:12px;font-weight:600;line-height:1.35}.choice.selected{color:#8e3f6ceb;background:#c85f9626;border-color:#c85f967a}.survey-actions{justify-content:space-between;gap:10px;display:flex}.survey-actions .primary-action{flex:1}.analyzing-screen{background:linear-gradient(#fcc1d7a6,#eee2ffa3);grid-template-rows:1fr auto;padding:74px 18px 18px;display:grid}.analysis-photo{min-height:0}.analysis-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8a;border:1px solid #ffffffa3;border-radius:30px;margin-top:14px;padding:22px}.spinner{color:#c85f96;border:2px solid #c85f9640;border-top-color:#c85f96;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 14px;animation:1.3s linear infinite spin;display:grid}.analysis-card h1{font-size:26px;line-height:1.18}.analysis-steps{gap:8px;margin-top:18px;display:grid}.analysis-steps span{color:#1d1d1f9e;background:#fff9;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4;animation:1.2s ease-in-out infinite pulse}.analysis-zoom img{will-change:transform;animation:5s cubic-bezier(.4,0,.2,1) forwards skinZoom}@keyframes skinZoom{0%{transform-origin:50% 42%;transform:scale(1.02)}10%{transform-origin:50% 38%;transform:scale(1.14)}27%{transform-origin:50% 22%;transform:scale(1.5)}40%{transform-origin:27% 52%;transform:scale(1.52)}52%{transform-origin:73%;transform:scale(1.52)}64%{transform-origin:50% 70%;transform:scale(1.5)}80%{transform-origin:50%;transform:scale(1.32)}to{transform-origin:50% 46%;transform:scale(1.2)}}.analysis-grid-overlay{pointer-events:none;mix-blend-mode:overlay;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:26px 26px;animation:5s ease-in-out forwards gridFade;position:absolute;inset:0}@keyframes gridFade{0%{opacity:0}20%{opacity:.75}80%{opacity:.5}to{opacity:0}}.analysis-scanline{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffeb,#0000);height:2px;animation:1.8s ease-in-out infinite scanSweep;position:absolute;left:0;right:0;box-shadow:0 0 12px 2px #ff96be99}@keyframes scanSweep{0%{opacity:0;top:6%}12%{opacity:1}50%{opacity:1;top:94%}88%{opacity:0}to{opacity:0;top:6%}}.analysis-focus{opacity:0;pointer-events:none;border:1.5px solid #ffffffe0;border-radius:50%;width:92px;height:92px;margin:-46px 0 0 -46px;animation:.62s cubic-bezier(.34,1.56,.64,1) forwards focusIn;position:absolute;transform:scale(.45);box-shadow:0 0 0 1px #00000014,0 8px 22px #0003}.analysis-focus:after{content:"";border-radius:50%;position:absolute;inset:0}.focus-bright{top:22%;left:50%}.focus-bright:after{background:radial-gradient(circle,#ffc45c80,#0000 70%)}.focus-red{top:52%;left:26%}.focus-red:after{background:radial-gradient(circle,#e8607a85,#0000 70%)}.focus-dry{top:50%;left:74%}.focus-dry:after{background:radial-gradient(circle,#5aa7e080,#0000 70%)}.focus-even{top:70%;left:50%}.focus-even:after{background:radial-gradient(circle,#8b6fd080,#0000 70%)}@keyframes focusIn{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.12)}to{opacity:.92;transform:scale(1)}}.analysis-headline{color:#b14f86;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.analysis-health{flex-direction:column;align-items:center;margin:12px 0 4px;display:flex}.analysis-health span{letter-spacing:.1em;text-transform:uppercase;color:#1d1d1f80;font-size:11px}.analysis-health strong{color:#1d1d1f;font-size:46px;font-weight:600;line-height:1.05}.analysis-health strong i{color:#1d1d1f73;margin-left:2px;font-size:20px;font-style:normal;font-weight:500}.analysis-probes{gap:11px;margin-top:14px;display:grid}.probe-row{opacity:0;grid-template-columns:1fr auto;gap:6px 10px;animation:.5s forwards probeIn;display:grid}.probe-label{color:#1d1d1fa3;grid-column:1;font-size:12.5px;font-weight:500}.probe-row strong{text-align:right;color:#1d1d1f;grid-column:2;font-size:13px;font-weight:600}.probe-gauge{background:#0000000f;border-radius:999px;grid-column:1/-1;height:7px;overflow:hidden}.probe-gauge i{border-radius:999px;height:100%;display:block}.tone-bright{background:linear-gradient(90deg,#ffd27a,#ff9e6b)}.tone-red{background:linear-gradient(90deg,#ff9bb0,#e8607a)}.tone-dry{background:linear-gradient(90deg,#9fd0f5,#5aa7e0)}.tone-even{background:linear-gradient(90deg,#c3a9f0,#8b6fd0)}.analysis-caption{color:#1d1d1f75;margin-top:14px;font-size:11.5px}@keyframes probeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.analysis-vignette{pointer-events:none;background:radial-gradient(circle at 50% 44%,#0000 38%,#26122852 100%);position:absolute;inset:0}.analysis-radar{pointer-events:none;background:conic-gradient(#fff0 0deg 292deg,#ffd6e866 340deg,#fff0 360deg);transition:opacity .6s;animation:2s linear infinite radarSpin;position:absolute;inset:-25%}.analysis-radar.done{opacity:0}@keyframes radarSpin{to{transform:rotate(360deg)}}.analysis-heat{filter:blur(16px);mix-blend-mode:multiply;pointer-events:none;opacity:.22;border-radius:50%;width:48%;height:36%;transition:opacity .55s;position:absolute;transform:translate(-50%,-50%)}.analysis-heat.active{opacity:.62}.heat-bright{background:radial-gradient(circle,#ffb446e6,#0000 70%);top:20%;left:50%}.heat-red{background:radial-gradient(circle,#e84664d9,#0000 68%);width:74%;top:56%;left:50%}.heat-dry{background:radial-gradient(circle,#4696e0d9,#0000 70%);top:50%;left:72%}.heat-even{background:radial-gradient(circle,#966edcd9,#0000 70%);top:72%;left:50%}.analysis-focus.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff80,0 0 26px 4px #ffffff73}.hud-bracket{pointer-events:none;border:2px solid #ffffffe6;width:26px;height:26px;animation:1.6s ease-in-out infinite hudPulse;position:absolute}.hud-bracket.tl{border-bottom:0;border-right:0;border-radius:7px 0 0;top:16px;left:16px}.hud-bracket.tr{border-bottom:0;border-left:0;border-radius:0 7px 0 0;top:16px;right:16px}.hud-bracket.bl{border-top:0;border-right:0;border-radius:0 0 0 7px;bottom:16px;left:16px}.hud-bracket.br{border-top:0;border-left:0;border-radius:0 0 7px;bottom:16px;right:16px}@keyframes hudPulse{0%,to{opacity:.4}50%{opacity:.95}}.analysis-phase-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;white-space:nowrap;background:#140c1885;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 36px);padding:8px 14px;font-size:12.5px;font-weight:500;animation:.4s chipIn;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000047}.analysis-phase-chip .phase-dot{background:#7fe6b0;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pulse;box-shadow:0 0 8px #7fe6b0}@keyframes chipIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.analysis-ring-wrap{place-items:center;margin-top:2px;display:grid}.health-ring{background:conic-gradient(#c85f96 calc(var(--p,0) * 1%), #966e8c29 0);border-radius:50%;place-items:center;width:124px;height:124px;display:grid;position:relative;box-shadow:0 8px 26px #c85f963d}.health-ring:after{content:"";background:#fffffff0;border-radius:50%;position:absolute;inset:9px}.health-ring-core{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.health-ring-core span{letter-spacing:.12em;text-transform:uppercase;color:#1d1d1f80;font-size:10px}.health-ring-core strong{color:#1d1d1f;align-items:baseline;gap:1px;font-size:36px;font-weight:600;line-height:1;display:inline-flex}.health-ring-core strong i{color:#1d1d1f73;font-size:15px;font-style:normal;font-weight:500}.probe-row.pending .probe-label{color:#1d1d1f57}.probe-row.pending strong{color:#1d1d1f4d}.probe-gauge i.pending-fill{background:#00000024;animation:1.1s ease-in-out infinite pendingPulse}@keyframes pendingPulse{0%,to{opacity:.4;width:18%}50%{opacity:.85;width:42%}}.scroll-cue{z-index:40;-webkit-backdrop-filter:blur(10px);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#140c188c;border-radius:999px;flex-direction:column;align-items:center;gap:3px;padding:9px 16px;font-size:12px;font-weight:500;transition:opacity .45s,transform .45s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%,14px);box-shadow:0 8px 24px #0000004d}.scroll-cue.show{opacity:1;transform:translate(-50%)}.scroll-cue svg{animation:1.3s ease-in-out infinite scrollCueBounce}@keyframes scrollCueBounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.report-screen{background:linear-gradient(#f5cde1e6,#eee2ffeb);padding:0;overflow-y:auto}.analysis-hero{background:linear-gradient(#fcc1d7a6,#eee2ffa3);grid-template-rows:minmax(0,1fr) auto;gap:14px;height:100%;min-height:100%;padding:74px 18px 20px;display:grid}.report-content{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(10px)}.report-content.ready{opacity:1;transform:none}.exit-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);background:#1c12206b;place-items:center;padding:28px;animation:.2s exitFade;display:grid;position:fixed;inset:0}.exit-modal{text-align:center;background:#fffffff0;border-radius:24px;width:100%;max-width:300px;padding:24px 22px 18px;animation:.24s cubic-bezier(.34,1.56,.64,1) exitPop;box-shadow:0 24px 60px #28142d4d}.exit-modal strong{color:#1d1d1f;font-size:19px;font-weight:650;display:block}.exit-modal p{color:#1d1d1f99;margin:10px 0 20px;font-size:13.5px;line-height:1.5}.exit-modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.exit-modal-actions button{border-radius:999px;min-height:48px;font-size:14px;font-weight:600}.exit-cancel{color:#1d1d1f;background:#0000000f}.exit-confirm{color:#fff;background:linear-gradient(145deg,#c85f96,#da7caf);box-shadow:0 12px 24px #ad4e7e47}@keyframes exitFade{0%{opacity:0}to{opacity:1}}@keyframes exitPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.live-arrow{z-index:7;color:#fff;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#140c186b;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #0000004d}.live-arrow-right{animation:1s ease-in-out infinite liveArrowRight}.live-arrow-left{animation:1s ease-in-out infinite liveArrowLeft}.live-arrow-check{color:#2fbf73;background:#fffffff0;animation:.36s liveArrowPop}@keyframes liveArrowRight{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(14px - 50%),-50%)}}@keyframes liveArrowLeft{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% - 14px),-50%)}}@keyframes liveArrowPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.live-arrow-up{animation:1s ease-in-out infinite liveArrowUp}.live-arrow-down{animation:1s ease-in-out infinite liveArrowDown}.live-arrow-front{color:#fff;background:#2fbf735c;animation:1.1s ease-in-out infinite liveArrowFront;box-shadow:0 0 0 2px #2fbf738c,0 10px 28px #0000004d}@keyframes liveArrowFront{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}.live-arrow-closer,.live-arrow-back{animation:1.1s ease-in-out infinite liveArrowZoom}@keyframes liveArrowUp{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 12px))}}@keyframes liveArrowDown{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(12px - 50%))}}@keyframes liveArrowZoom{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}.capture-button.auto{animation:.9s ease-in-out infinite capturePulse}@keyframes capturePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.report-hero{height:335px;margin:0 18px}.report-shade{z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#27192a0f,#eecce8c2);position:absolute;inset:0}.report-title{z-index:6;color:#fff;text-shadow:0 10px 24px #3a243238;position:absolute;bottom:22px;left:22px;right:22px}.report-title h1{letter-spacing:0;margin:0;font-family:inherit;font-size:58px;font-weight:300;line-height:.98}.report-title span{text-transform:uppercase;font-size:12px;font-weight:600}.report-content{padding:18px}.report-content h2{color:#1d1d1fd6;margin:0 0 16px;font-size:27px;line-height:1.18}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric,.routine-card,.visual-card,.how-card,.before-after-card,.email-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8a;border:1px solid #ffffffa8;border-radius:22px;box-shadow:inset 0 1px #ffffff9e}.metric{padding:14px}.metric div{color:#c85f96;justify-content:space-between;align-items:center;gap:8px;display:flex}.metric div span{color:#1d1d1f94;font-size:12px;font-weight:600}.metric strong{margin-top:9px;font-size:31px;font-weight:300;line-height:1.08;display:block}.routine-card,.visual-card,.how-card,.before-after-card,.email-card{margin-top:14px;padding:16px}.routine-card>p{color:#1d1d1fbd;margin:0 0 12px;font-weight:600;line-height:1.48}.visual-card{gap:12px;display:grid}.visual-metric{gap:7px;display:grid}.visual-metric div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.visual-metric span{color:#1d1d1f94;font-size:12px;font-weight:600}.visual-metric strong{color:#1d1d1fc7;font-size:13px;font-weight:600}.gauge{background:#ffffffad;border-radius:999px;height:8px;overflow:hidden}.gauge span{border-radius:inherit;background:linear-gradient(90deg,#c85f96,#d889b6);height:100%;display:block}.routine-summary{color:#1d1d1f94;margin:-4px 0 12px;font-size:12px;line-height:1.55;display:block}.build-badge{z-index:30;letter-spacing:.26em;text-transform:uppercase;color:#787a8a80;text-shadow:0 0 1px #ffffff73;pointer-events:none;font-size:7.5px;font-weight:600;position:absolute;top:9px;right:12px}.ai-opinion-card{background:linear-gradient(135deg,#6366f11a,#a855f714);border:1px solid #6366f138;border-radius:18px;margin:4px 0 2px;padding:16px 18px}.ai-opinion-head{color:#5b54e6;letter-spacing:.14em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-flex}.ai-opinion-card p{color:#1d1d1fd1;margin:0;font-size:13px;line-height:1.62}.routine-note{color:#1d1d1fb8;background:#6366f112;border-radius:12px;margin:-2px 0 14px;padding:10px 12px;font-size:12px;line-height:1.55}.homecare-grid{gap:10px;display:grid}.homecare-step{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;display:grid}.homecare-step img{object-fit:contain;filter:drop-shadow(0 10px 12px #63396921);width:76px;height:76px}.homecare-step span,.vip-program span{color:#c85f96;font-size:11px;font-weight:600;display:block}.homecare-step strong,.vip-program strong{color:#1d1d1fd1;margin-top:3px;font-size:13px;font-weight:600;line-height:1.42;display:block}.homecare-step p,.vip-program p{color:#1d1d1f8a;margin:4px 0 0;font-size:11px;font-weight:500;line-height:1.48}.vip-program{border-top:1px solid #c85f9624;margin-top:12px;padding-top:12px}.how-card p{color:#1d1d1fbd;margin:0 0 10px;font-weight:600;line-height:1.48}.how-card ol{color:#1d1d1f9e;gap:10px;margin:0;padding-left:20px;font-size:12px;font-weight:500;line-height:1.5;display:grid}.routine-item{background:#ffffff73;border-radius:18px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.routine-item+.routine-item{margin-top:10px}.routine-item img{object-fit:contain;filter:drop-shadow(0 10px 12px #63396921);width:58px;height:58px}.routine-item strong,.before-after-card strong,.email-card strong{font-size:13px;font-weight:600;line-height:1.42;display:block}.routine-item .match-score{color:#a94a7b;white-space:nowrap;background:#c85f961f;border-radius:999px;padding:7px 9px;font-family:inherit;font-size:12px;line-height:1}.routine-item span,.before-after-card span,.email-card p{color:#1d1d1f85;margin:3px 0 0;font-size:11px;font-weight:500;line-height:1.45;display:block}.before-after-card img{border-radius:18px;width:100%;margin-top:12px;display:block}.ba-labels{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.ba-labels span{text-align:center;color:#1d1d1fa8;background:#ffffff94;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.email-card{grid-template-columns:36px 1fr auto;align-items:center;gap:12px;display:grid}.email-card>svg{color:#c85f96}.email-card button{color:#fff;background:#c85f96;border-radius:999px;padding:10px 16px;font-weight:650}.secondary-action{color:#6b3e60e0;min-height:50px;box-shadow:none;background:#ffffff9e;margin:14px 0 4px}.system-notice{z-index:10;color:#fff;background:#30283dd1;border-radius:999px;max-width:min(92vw,430px);padding:10px 14px;font-size:12px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.72;transform:scale(.985)}}@keyframes surveyIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes orbitPulse{50%{opacity:.44;transform:scale(1.08)}}@media (width>=860px){.phone-frame{width:430px}}@media (width<=520px){html,body{height:100svh;min-height:100svh;overflow-y:hidden}.app{height:100svh;min-height:100svh;overflow:hidden}.app-shell{place-items:stretch stretch;min-height:100svh;padding:0}.phone-frame{width:100%;max-width:none;height:100svh;min-height:100svh;box-shadow:none;border:0;border-radius:0}.intro-visual{height:48dvh;min-height:320px}.camera-screen{padding-top:max(74px, calc(env(safe-area-inset-top) + 58px));padding-bottom:max(16px, env(safe-area-inset-bottom))}.brand-header{height:max(104px, calc(env(safe-area-inset-top) + 86px))}.brand-logo-glass{top:max(14px, calc(env(safe-area-inset-top) + 10px));left:18px}.brand-logo{width:108px}.analyzing-screen{padding-top:max(74px, calc(env(safe-area-inset-top) + 58px))}.survey-screen{padding-top:max(74px, calc(env(safe-area-inset-top) + 58px));padding-bottom:max(16px, env(safe-area-inset-bottom))}.analysis-hero{padding-top:max(74px, calc(env(safe-area-inset-top) + 58px))}}@media (width<=430px){.intro-screen{padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom))}.intro-visual{height:49dvh;min-height:330px;margin-left:-18px;margin-right:-18px}.intro-copy{padding-top:18px}.email-card{grid-template-columns:32px 1fr}.email-card button{grid-column:1/-1}}.spec-page{color:#1d1d1f;background:#fbfbfd;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Inter,sans-serif;position:relative;overflow:hidden}.spec-bg{opacity:.72;background:linear-gradient(120deg,#ffffffb8,#faf6fc85),url(/assets/bg_app_pastel_glass.png) 50%/cover no-repeat;position:fixed;inset:0;transform:scale(1.03)}.spec-topbar{z-index:2;color:#1d1d1f94;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:32px 40px 10px;font-size:14px;font-weight:500;display:grid;position:relative}.spec-topbar img{width:118px;height:auto}.spec-topbar strong{background:#ffffffb8;border:1px solid #0000000f;border-radius:999px;padding:9px 14px;font-weight:600;box-shadow:0 12px 30px #0000000a}.spec-slide{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch;gap:32px;width:min(1320px,100vw - 80px);min-height:calc(100vh - 164px);margin:0 auto;padding:28px 0 96px;display:grid;position:relative}.spec-copy,.spec-visual{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#ffffffad;border:1px solid #ffffffd1;border-radius:34px;box-shadow:0 34px 86px #231f2e14,inset 0 1px #ffffffb8}.spec-copy{flex-direction:column;justify-content:center;padding:clamp(52px,6vw,86px);display:flex}.spec-copy h1{letter-spacing:0;word-break:keep-all;overflow-wrap:normal;text-wrap:balance;max-width:860px;margin:0;font-family:inherit;font-size:clamp(42px,4vw,62px);font-weight:300;line-height:1.14}.spec-copy>p:not(.eyebrow){color:#1d1d1fa8;word-break:keep-all;text-wrap:pretty;max-width:780px;margin:30px 0 0;font-size:clamp(17px,1.35vw,21px);font-weight:400;line-height:1.72}.spec-copy ul{gap:18px;margin:42px 0 0;padding:0;list-style:none;display:grid}.spec-copy li{color:#1d1d1fb3;word-break:keep-all;grid-template-columns:24px 1fr;align-items:start;gap:14px;font-size:clamp(15px,1.05vw,17px);font-weight:500;line-height:1.72;display:grid}.spec-copy li svg{color:#bf5e93;margin-top:5px}.spec-visual{align-content:center;gap:28px;min-height:520px;padding:clamp(44px,5vw,72px);display:grid;position:relative;overflow:hidden}.spec-icon{color:#fff;background:linear-gradient(145deg,#cd669deb,#da88b3c7);border-radius:24px;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 24px 54px #c85f9629}.spec-icon img{object-fit:contain;width:62px;height:62px}.spec-stack,.spec-flow,.spec-security-list{gap:14px;display:grid}.spec-stack span,.spec-flow span,.spec-security-list span{color:#1d1d1fb8;background:#ffffffa3;border:1px solid #0000000a;border-radius:16px;padding:18px 20px;font-size:17px;font-weight:500;box-shadow:0 12px 28px #00000009}.spec-security-list span:before{content:"";vertical-align:2px;background:#bf5e93;border-radius:999px;width:7px;height:7px;margin-right:10px;display:inline-block}.spec-file-tree{gap:16px;display:grid}.spec-file-tree code{color:#fff4fb;white-space:normal;background:#1d1d1fe6;border-radius:16px;padding:18px 20px;font-size:14px;line-height:1.7;display:block}.spec-survey-card{background:#ffffff9e;border-radius:24px;gap:14px;padding:26px;display:grid}.spec-survey-card strong{font-size:24px;font-weight:600}.spec-survey-card span{color:#503a5cc7;background:#ffffffb8;border-radius:999px;padding:13px 16px;font-weight:600;line-height:1.45}.spec-product-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.spec-product-strip div{color:#503a5cc7;background:#ffffff8f;border-radius:20px;gap:10px;padding:14px;font-size:12px;font-weight:600;line-height:1.35;display:grid}.spec-product-strip img{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:16px;width:100%}.spec-phone-demo{background:linear-gradient(#ffffffe6,#fff1fabd);border-radius:28px;min-height:430px;position:relative;overflow:hidden}.spec-phone-demo img{width:84%;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.spec-phone-demo .scan-overlay{inset:22px 24px 92px}.spec-phone-demo div{color:#503a5cd1;background:#ffffffb3;border-radius:20px;gap:4px;padding:18px;font-weight:600;display:grid;position:absolute;bottom:22px;left:22px;right:22px}.spec-phone-demo span{color:#5f466bb8;font-size:13px}.spec-landmark-demo{background:linear-gradient(#f8d6eeb8,#ffffffc7 30%),#ffffffad;border:1px solid #ffffffb8;border-radius:38px;width:min(420px,100%);min-height:500px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 26px 58px #5c3a691f,inset 0 1px #ffffffdb}.spec-landmark-top{justify-content:space-between;align-items:center;height:86px;padding:18px 20px;display:flex}.spec-landmark-top img{filter:drop-shadow(0 10px 18px #112b8524);background:#ffffff80;border-radius:17px;width:116px;height:auto;padding:7px 10px}.spec-landmark-top span{color:#60486b80;background:#ffffff8a;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:650}.spec-landmark-camera{background:#ffffffc7;height:300px;position:relative;overflow:hidden}.spec-landmark-camera>img,.landmark-mask{width:auto;height:132%;position:absolute;top:-58px;left:50%;transform:translate(-50%)}.spec-landmark-camera>img{opacity:.86;filter:saturate(.96)contrast(1.02)}.landmark-mask{aspect-ratio:1086/1448}.landmark-mask span{opacity:0;width:2.6px;height:2.6px;animation:3.6s ease-in-out infinite landmark-pop;animation-delay:calc(var(--i) * 8ms);background:#122a96f0;border-radius:999px;position:absolute;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 6px #122a966b,0 0 0 1px #ffffff80}.spec-eye-mosaic{aspect-ratio:1086/1448;z-index:4;pointer-events:none;width:auto;height:132%;position:absolute;top:-58px;left:50%;transform:translate(-50%)}.spec-eye-mosaic span{background-color:#ecdae7c2;background-image:linear-gradient(90deg,#122a9652 1px,#0000 1px),linear-gradient(#122a9652 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:9px 9px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;width:26%;height:13%;animation:3.6s ease-in-out infinite spec-mosaic-in;position:absolute;top:37.5%;box-shadow:0 0 0 1px #ffffffdb,0 8px 18px #122a961f}.spec-eye-mosaic span:first-child{left:27.8%}.spec-eye-mosaic span:last-child{right:27.8%}.landmark-scan-line{background:linear-gradient(90deg,#0000,#122a96c2,#0000);height:1px;animation:3.6s ease-in-out infinite landmark-scan;position:absolute;top:22%;left:13%;right:13%;box-shadow:0 0 18px #122a9647}.spec-landmark-camera .corner{border-color:#262337e6}.spec-landmark-copy{text-align:center;justify-items:center;gap:8px;padding:26px 24px 24px;display:grid}.spec-landmark-copy .eyebrow{margin-bottom:2px}.spec-landmark-copy strong{color:#1d1d1fdb;font-size:31px;font-weight:300;line-height:1.05}.spec-landmark-copy span{color:#1d1d1f85;font-size:14px;line-height:1.5}@keyframes landmark-pop{0%,8%{opacity:0;transform:translate(-50%,-50%)scale(.2)}18%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.18;transform:translate(-50%,-50%)scale(.82)}}@keyframes spec-mosaic-in{0%,38%{opacity:0;transform:scaleX(.35)}52%,to{opacity:1;transform:scaleX(1)}}@keyframes landmark-scan{0%{opacity:0;top:18%}18%,76%{opacity:1}to{opacity:0;top:74%}}.spec-controls{z-index:3;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(820px,100vw - 40px);display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.spec-controls button{color:#5f466b;cursor:pointer;background:#ffffffad;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 18px;font-weight:600;display:inline-flex;box-shadow:0 16px 34px #3f244f1a}.spec-controls button:disabled{opacity:.42;cursor:default}.spec-dots{justify-content:center;gap:7px;display:flex}.spec-dots button{width:10px;height:10px;min-height:10px;box-shadow:none;background:#5f466b38;border-radius:999px;padding:0}.spec-dots button.active{background:#c85f96;width:34px}.spec-mobile-notice{display:none}.legal-page{color:#1d1d1f;min-height:100vh;padding:48px 20px;position:relative}.legal-bg{background:linear-gradient(120deg,#f7fbff4d,#ffe9f56b),url(/assets/bg_app_pastel_glass.png) 50%/cover no-repeat;position:fixed;inset:0}.legal-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffc2;border:1px solid #ffffffb8;border-radius:34px;width:min(920px,100%);margin:0 auto;padding:clamp(28px,5vw,58px);position:relative;box-shadow:0 28px 70px #533c6624}.legal-logo{background:#ffffff94;border-radius:17px;margin-bottom:36px;padding:8px 12px 10px;display:inline-grid}.legal-logo img{width:124px;height:auto}.legal-card h1{letter-spacing:0;margin:0;font-size:clamp(40px,7vw,72px);font-weight:300;line-height:1.02}.legal-updated{color:#1d1d1f7a;margin-top:14px;font-size:14px;font-weight:600;display:block}.legal-intro{color:#1d1d1fad;max-width:720px;margin:28px 0 34px;font-size:19px;line-height:1.72}.legal-card section{border-top:1px solid #bf5e9329;padding:26px 0}.legal-card h2{color:#1d1d1fdb;letter-spacing:0;margin:0 0 14px;font-size:24px;font-weight:500}.legal-card ul{gap:10px;margin:0;padding-left:20px;display:grid}.legal-card li{color:#1d1d1fa8;font-size:16px;line-height:1.65}@media (width<=900px){.spec-page{place-items:center;min-height:100svh;padding:24px;display:grid;overflow:hidden}.spec-mobile-notice{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb8;border:1px solid #ffffffd1;border-radius:28px;gap:16px;width:min(100%,430px);padding:34px 28px;display:grid;position:relative;box-shadow:0 32px 74px #231f2e1a}.spec-mobile-notice img{width:126px;height:auto}.spec-mobile-notice h1{color:#1d1d1f;letter-spacing:0;word-break:keep-all;margin:0;font-size:34px;font-weight:300;line-height:1.16}.spec-mobile-notice p:not(.eyebrow){color:#1d1d1f9e;word-break:keep-all;margin:0;font-size:15px;font-weight:400;line-height:1.7}.spec-topbar,.spec-slide,.spec-controls{display:none}}