.kakao-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border:0;border-radius:12px;background:#fee500;color:#191919;font-size:15px;font-weight:var(--fw-sub);cursor:pointer}.kakao-button:hover{background:#fdd835}.kakao-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-weight:var(--fw-heading);font-style:italic}.ref-login-kakao{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 14px;border:0;border-radius:12px;background:#fee500;color:#191919;font-size:12px;font-weight:800}.ref-login-kakao:disabled{opacity:.5}.ref-login-kakao>span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#191919;color:#fee500;font-size:10px;font-weight:900}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--color-bg: #fffdfc;--color-surface: #ffffff;--color-blush: #ffe8e5;--color-sage: #dde9de;--color-coral: #d96b5f;--color-coral-text: #a8402f;--color-lavender: #8f82a8;--color-ink: #2a2424;--color-muted: #766b6a;--color-line: #efe5e2;--color-warning: #b8792f;--color-danger: #b84a4a;--color-good: #4f8a66;--color-cream: #fff8f4;--color-mint: #eef7ef;--fw-display: 800;--fw-heading: 700;--fw-sub: 600;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-soft: 0 12px 30px rgba(42, 36, 36, .08);--shadow-card: 0 14px 34px rgba(42, 36, 36, .07);--shadow-action: 0 14px 24px rgba(217, 107, 95, .24);color:var(--color-ink);background:var(--color-bg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Pro Display,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;word-break:keep-all;overflow-wrap:break-word;background:radial-gradient(circle at 18% 10%,rgba(255,232,229,.58),transparent 28%),radial-gradient(circle at 84% 4%,rgba(221,233,222,.6),transparent 30%),linear-gradient(135deg,#fff8f4e6,#fffdfce0),var(--color-bg)}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid rgba(217,107,95,.36);outline-offset:3px}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:28px}.app-frame{position:relative;display:flex;flex-direction:column;width:min(100%,430px);height:min(900px,calc(100vh - 56px));overflow:hidden;border:6px solid #171515;border-radius:38px;background:linear-gradient(180deg,#fffdfcf7,#fff8f4f0),var(--color-bg);box-shadow:0 24px 60px #2a242429;scrollbar-width:none}.app-frame::-webkit-scrollbar{display:none}.app-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-scroll::-webkit-scrollbar{display:none}.app-frame:before{content:"";position:sticky;top:0;z-index:7;display:block;width:104px;height:18px;margin:0 auto -18px;border-radius:0 0 16px 16px;background:#171515}.app-status{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;padding:14px 22px 8px;background:#fffdfceb;color:var(--color-muted);font-size:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.screen{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:16px;padding:16px 18px 32px}.hero,.screen-header{padding:12px 4px 4px}.compact-header{padding-top:6px}.hero h1,.screen-header h1,.result-summary h1{margin:0;color:var(--color-ink);font-size:30px;line-height:1.12}.hero p,.screen-header p,.card p{margin:8px 0 0;color:var(--color-muted);font-size:14px;line-height:1.55}.eyebrow{margin:0 0 7px!important;color:var(--color-coral-text)!important;font-size:12px!important;font-weight:var(--fw-heading)}.card{padding:18px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.app-card{box-shadow:var(--shadow-card)}.card h2{margin:0;font-size:19px;line-height:1.3}.home-screen{gap:15px}.home-hero{position:relative;padding:24px 4px 8px;text-align:center}.help-button{position:absolute;top:8px;right:2px;width:30px;min-height:30px;border:1px solid rgba(118,107,106,.32);border-radius:50%;background:#ffffffb8;color:var(--color-muted);font-weight:var(--fw-heading)}.home-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;border:2px solid var(--color-surface);background:var(--color-blush);color:var(--color-coral-text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);cursor:pointer;padding:0}.home-avatar svg{width:20px;height:20px}.home-hero-onskin{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 4px 10px;text-align:left}.home-brand-row{display:flex;align-items:center;gap:10px;min-width:0}.home-logo-mark{width:34px;height:34px;border-radius:10px;background:#e8617e;color:#fff;font-size:13px;font-weight:var(--fw-display);display:flex;align-items:center;justify-content:center;letter-spacing:-1.5px;line-height:1;flex-shrink:0}.home-greeting{font-size:15px;font-weight:var(--fw-sub);color:var(--color-ink);margin:0}.home-subtitle{font-size:11px;color:var(--color-muted);margin:1px 0 0}.brand-title{display:inline-flex;align-items:flex-start;justify-content:center;gap:6px;margin:0;color:var(--color-ink);font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:56px;font-weight:var(--fw-display);line-height:1}.brand-title span{color:var(--color-coral-text);width:18px;height:18px;margin-top:3px}.brand-subtitle{margin:12px 0 0;color:var(--color-ink);font-size:16px;font-weight:var(--fw-sub)}.coach-card{display:grid;grid-template-columns:128px 1fr;gap:16px;align-items:center;padding:20px 18px;border:1px solid rgba(217,107,95,.15);border-radius:20px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.92),transparent 28%),linear-gradient(135deg,#ffe8e5d1,#fffffff0),var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.coach-card h1{margin:0;font-size:18px;line-height:1.42}.coach-card p{margin:8px 0 0;color:var(--color-muted);font-size:13px;line-height:1.5}.skin-illustration{position:relative;min-height:118px;border-radius:28px;background:radial-gradient(circle at 66% 20%,rgba(221,233,222,.85),transparent 26%),radial-gradient(circle at 20% 76%,rgba(143,130,168,.16),transparent 24%),linear-gradient(145deg,#ffffff70,#ffe8e547)}.skin-illustration:before{content:"";position:absolute;left:55px;top:22px;width:58px;height:58px;border:1px solid rgba(79,138,102,.32);border-radius:50%;box-shadow:0 0 0 10px #4f8a660f,0 0 0 22px #ffffff47}.skin-illustration:after{content:"";position:absolute;left:21px;right:14px;bottom:12px;height:22px;border-radius:999px;background:linear-gradient(90deg,rgba(79,138,102,.18) 0 28%,transparent 28% 36%,rgba(217,107,95,.18) 36% 63%,transparent 63% 71%,rgba(143,130,168,.18) 71%)}.face-shape{position:absolute;z-index:2;left:34px;top:28px;width:62px;height:76px;border:2px solid rgba(42,36,36,.22);border-radius:46% 46% 48% 48%;background:#fff6ef;box-shadow:inset -8px -10px #ffe8e58f}.face-shape:before,.face-shape:after{content:"";position:absolute;top:32px;width:5px;height:5px;border-radius:50%;background:var(--color-ink)}.face-shape:before{left:18px}.face-shape:after{right:18px}.hair-shape{position:absolute;z-index:3;left:31px;top:16px;width:66px;height:38px;border-radius:38px 38px 20px 18px;background:#393231}.hair-shape:before{content:"";position:absolute;left:17px;top:-19px;width:33px;height:30px;border-radius:50%;background:#393231}.lens-shape{position:absolute;z-index:4;left:14px;top:58px;width:34px;height:34px;border:3px solid rgba(42,36,36,.52);border-radius:50%}.lens-shape:after{content:"";position:absolute;right:-16px;bottom:-11px;width:22px;height:3px;border-radius:999px;background:#2a242485;transform:rotate(48deg)}.today-card{background:radial-gradient(circle at 90% 18%,rgba(221,233,222,.82),transparent 26%),linear-gradient(135deg,#ffe8e5d1,#fffffff5)}.today-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.today-card-top span{min-height:26px;display:inline-flex;align-items:center;border-radius:999px;background:#ffffffb8;color:var(--color-good);padding:0 10px;font-size:11px;font-weight:var(--fw-display)}.today-card h2{margin-top:2px;font-size:20px}.today-metrics{height:54px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;margin-top:14px}.today-metrics span{display:block;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,var(--color-coral),rgba(217,107,95,.26))}.completion-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(143,130,168,.18);border-radius:var(--radius-md);background:linear-gradient(135deg,#f3eff8d1,#ffffffe6)}.completion-card div{min-width:112px;display:grid;gap:4px}.completion-card span,.completion-inline span{color:var(--color-lavender);font-size:11px;font-weight:var(--fw-display)}.completion-card strong,.completion-inline strong{color:var(--color-ink);font-size:16px;line-height:1.25}.completion-card p{margin:0;color:var(--color-muted);font-size:12px;line-height:1.45}.profile-summary-panel{padding:2px 2px 4px}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading-row h2,.section-heading-row label{margin:0;font-size:18px;font-weight:var(--fw-display)}.profile-line{margin:10px 0 0;color:var(--color-muted);font-size:13px}.muted{color:var(--color-muted)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:999px;background:#fff8f6;color:var(--color-ink);padding:7px 12px;font-size:13px;font-weight:var(--fw-sub)}.chip-soft{border-color:#2a24240f;box-shadow:inset 0 0 0 1px #ffffff8c}.good-chip{background:var(--color-mint);color:var(--color-good)}.warning-chip{background:#fff0eb;color:var(--color-coral-text)}.lavender-chip{background:#f3eff8;color:var(--color-lavender)}button.chip{appearance:none}.chip-selected,.toggle-pill.active,.segment.active{border-color:#d96b5f57;background:var(--color-blush);color:var(--color-coral-text)}.action-row{display:grid;grid-template-columns:1fr;gap:10px}.action-row.compact{grid-template-columns:.75fr 1fr}.primary-button,.secondary-button,.text-button,.toggle-pill,.segment,.nav-item{min-height:50px;border:0;border-radius:var(--radius-sm);font-weight:var(--fw-heading)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#c85a4d,var(--color-coral-text));color:#fff;padding:0 18px;box-shadow:var(--shadow-action)}.primary-button svg,.secondary-button svg,.text-danger-button svg{width:18px;height:18px}.secondary-button{border:1px solid var(--color-line);background:#ffffffdb;color:var(--color-ink);padding:0 18px}.elevated-button{box-shadow:var(--shadow-card)}.text-button{min-height:36px;align-self:flex-start;background:transparent;color:var(--color-coral-text);padding:0}.trust-card{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(79,138,102,.2);border-radius:var(--radius-md);background:linear-gradient(135deg,#eef7eff5,#ffffffe6)}.trust-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#4f8a6621;color:var(--color-good);font-weight:var(--fw-display)}.trust-card svg,.help-button svg,.nav-item svg,.screen-actions svg,.criterion-topline svg{width:18px;height:18px}.trust-card strong{font-size:14px}.trust-card p{margin:3px 0 0;color:var(--color-muted);font-size:12px;line-height:1.45}.radar-list,.reason-list{display:grid;gap:10px;margin:12px 0 0;padding:0}.radar-list p,.reason-list li{margin:0;color:var(--color-ink);font-size:14px;line-height:1.45}.reason-list{padding-left:18px}.dot{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%}.warning-dot{background:var(--color-warning)}.danger-dot{background:var(--color-danger)}.good-dot{background:var(--color-good)}.form-card{display:grid;gap:16px;border-radius:18px;box-shadow:var(--shadow-card)}.onboarding-screen{min-height:calc(100vh - 54px)}.onboarding-progress{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(217,107,95,.14);border-radius:16px;background:#ffffffa8}.onboarding-progress div{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--color-blush);color:var(--color-coral-text);font-weight:var(--fw-display)}.onboarding-progress span:after{content:"/";margin:0 1px 0 3px;color:#d96b5f8f}.onboarding-progress strong{color:#d96b5f9e;font-size:12px}.onboarding-progress meter{width:100%;height:10px;overflow:hidden;border:0;border-radius:999px;background:#f5ebe8}.onboarding-progress meter::-webkit-meter-bar{border:0;border-radius:999px;background:#f5ebe8}.onboarding-progress meter::-webkit-meter-optimum-value{border-radius:999px;background:linear-gradient(90deg,var(--color-coral),#efa99f)}.focused-question{min-height:308px;align-content:center;padding:24px 20px;border-radius:22px;background:linear-gradient(180deg,#fffffff5,#fff8f4eb),var(--color-surface)}.question-kicker{margin:0;color:var(--color-coral-text);font-size:12px;font-weight:var(--fw-display)}.focused-question h2{margin:0;font-size:23px;line-height:1.3}.question-helper,.score-control small{display:block;margin:9px 0 0;color:var(--color-muted);font-size:13px;line-height:1.5}.score-control span{display:block;margin-bottom:8px;font-size:22px;line-height:1.32;font-weight:var(--fw-heading)}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:22px}.segment{border:1px solid var(--color-line);background:#fff;color:var(--color-muted);font-size:12px;border-radius:12px;min-height:58px}.toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.toggle-pill{border:1px solid var(--color-line);background:#fff;color:var(--color-ink);border-radius:14px;min-height:58px}.large-chip-row{gap:10px;margin-top:18px}.large-chip-row .chip{min-height:46px;padding:10px 14px}.onboarding-actions{position:sticky;bottom:env(safe-area-inset-bottom,0px);z-index:5;display:grid;grid-template-columns:.7fr 1.3fr;gap:10px;padding-top:4px}.onboarding-actions .primary-button,.onboarding-actions .secondary-button{min-height:58px;border-radius:16px}.sticky-action{position:sticky;bottom:82px;z-index:4;min-height:58px;border-radius:16px}.camera-panel{position:relative;padding:18px;border-radius:22px;background:radial-gradient(120% 80% at 50% 0%,rgba(217,107,95,.18),transparent 60%),linear-gradient(160deg,#211d1c,#2f2929);color:#fff;box-shadow:0 16px 34px #2a242433;overflow:hidden}.camera-panel:before{content:"";position:absolute;inset:0;opacity:.32;background:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:28px 28px}.camera-panel .eyebrow{color:#ffc8c1!important}.scan-box{position:relative;z-index:1;min-height:180px;display:grid;place-items:center;border:0;border-radius:var(--radius-md);padding:18px;text-align:center;color:#ffffffeb}.scan-box:before{content:"AI 성분표 감지";position:absolute;top:18px;left:18px;min-height:24px;display:inline-flex;align-items:center;border-radius:999px;background:#ffe8e52e;color:#ffd9d4;padding:0 10px;font-size:11px;font-weight:var(--fw-display)}.scan-box:after{content:none}.ingredient-sheet{display:grid;gap:10px;width:min(100%,270px);padding:22px 20px;border-radius:18px;background:#fffdf9db;color:#403838;text-align:left;transform:rotate(-3deg);box-shadow:0 14px 35px #0000002e}.ingredient-sheet strong{border-bottom:1px solid rgba(42,36,36,.18);padding-bottom:7px;font-size:13px}.ingredient-sheet span{font-size:13px;line-height:1.45}.corner{position:absolute;z-index:2;width:30px;height:30px;border-color:#ffffffeb;border-style:solid}.top-left{top:22px;left:22px;border-width:3px 0 0 3px;border-top-left-radius:14px}.top-right{top:22px;right:22px;border-width:3px 3px 0 0;border-top-right-radius:14px}.bottom-left{bottom:82px;left:22px;border-width:0 0 3px 3px;border-bottom-left-radius:14px}.bottom-right{right:22px;bottom:82px;border-width:0 3px 3px 0;border-bottom-right-radius:14px}.scan-reticle{position:relative;z-index:1;width:100%;min-height:168px;border-radius:16px;overflow:hidden;display:grid;place-items:center}.scan-beam-idle{position:absolute;left:0;right:0;top:0;height:24%;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-coral) 32%,transparent),transparent);animation:scan-beam-idle-sweep 2.6s ease-in-out infinite}@keyframes scan-beam-idle-sweep{0%{transform:translateY(-110%);opacity:0}18%{opacity:1}82%{opacity:1}to{transform:translateY(560%);opacity:0}}.scan-reticle-hint{position:relative;z-index:2;display:grid;justify-items:center;gap:4px;text-align:center;color:#fffffff2}.scan-reticle-hint svg{width:26px;height:26px;opacity:.9;margin-bottom:2px}.scan-reticle-hint strong{font-size:14px;font-weight:var(--fw-sub)}.scan-reticle-hint span{font-size:12px;color:#ffffffb3}@media(prefers-reduced-motion:reduce){.scan-beam-idle{animation:none;opacity:.5}}.scan-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:12px}.scan-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scan-actions .primary-button,.scan-actions .secondary-button{border-color:#ffffff42}.scan-actions .primary-button{min-width:0;background:#fffffff2;color:var(--color-coral-text);box-shadow:0 14px 28px #422b262e}.scan-actions .secondary-button{min-width:0;background:#ffffffeb}.file-input-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.ocr-preview-card{display:grid;gap:12px;min-width:0;overflow:hidden;padding:14px;border:1px solid rgba(217,107,95,.16);border-radius:var(--radius-md);background:#ffffffd1;box-shadow:var(--shadow-card)}.ocr-preview-card.idle{border-style:dashed;box-shadow:none}.ocr-preview-card.success{border-color:#4f8a6642;background:linear-gradient(135deg,#eef7eff5,#ffffffdb)}.ocr-preview-card.empty,.ocr-preview-card.failed{border-color:#d96b5f3d}.ocr-preview-topline,.ocr-preview-actions{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.ocr-preview-topline strong{font-size:14px}.ocr-preview-topline p{margin:4px 0 0;color:var(--color-muted);font-size:12px;line-height:1.45}.ocr-progress{min-width:52px;border-radius:999px;background:var(--color-blush);color:var(--color-coral-text);padding:7px 9px;text-align:center;font-size:12px;font-weight:var(--fw-display)}.ocr-preview-body{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center;min-width:0}.ocr-preview-body img{width:100%;max-height:180px;object-fit:contain;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:snow}.ocr-file-meta,.ocr-cleanup-note{display:grid;gap:5px;min-width:0;color:var(--color-muted);font-size:12px;line-height:1.45}.ocr-file-meta span,.ocr-cleanup-note span{overflow-wrap:anywhere}.ocr-guide-chips{display:flex;flex-wrap:wrap;gap:7px}.ocr-guide-chips span{border-radius:999px;background:#f7ddd7a8;color:var(--color-coral-text);padding:7px 9px;font-size:11px;font-weight:var(--fw-display)}.ocr-preview-actions .secondary-button{min-height:42px}.ocr-review-check{display:flex;gap:9px;align-items:center;width:fit-content;min-height:38px;border:1px solid rgba(79,138,102,.18);border-radius:999px;background:#eef7efe6;color:var(--color-ink);padding:7px 11px;font-size:12px;font-weight:var(--fw-display)}.ocr-review-check input{width:16px;height:16px;margin:0;accent-color:var(--color-good)}.scan-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center}.step{min-height:34px;display:grid;place-items:center;border-radius:999px;background:#ffffffb8;color:var(--color-muted);font-size:12px;font-weight:var(--fw-display)}.step.active{background:var(--color-blush);color:var(--color-coral-text)}.privacy-note{margin:12px 0 0;color:#ffffffc2;font-size:13px}.input-card{display:grid;gap:12px}.input-card label{font-weight:var(--fw-heading)}textarea{width:100%;resize:vertical;border:1px solid var(--color-line);border-radius:16px;padding:12px;color:var(--color-ink);background:snow;line-height:1.5}input{border:1px solid var(--color-line);border-radius:12px;padding:10px 12px;color:var(--color-ink);background:snow}.form-feedback{min-height:20px;color:var(--color-muted);font-size:12px;line-height:1.45}.form-feedback.error{color:var(--color-danger);font-weight:var(--fw-heading)}.input-status,.result-pill,.evidence-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:var(--fw-display)}.input-status{min-height:24px;padding:0 9px;background:var(--color-mint);color:var(--color-good)}.screen-title-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 8px;color:var(--color-ink);font-size:15px;font-weight:var(--fw-display)}.screen-title-bar div{color:var(--color-muted);letter-spacing:8px}.screen-actions{display:inline-flex;gap:8px}.screen-title-bar .screen-actions{letter-spacing:0}.screen-actions button{min-width:36px;min-height:36px;display:inline-flex;gap:5px;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:12px;background:#ffffffc7;color:var(--color-muted);padding:0 9px;font-size:11px;font-weight:var(--fw-display)}.screen-actions button:first-child{border-color:#4f8a6638;background:var(--color-mint);color:var(--color-good)}.share-button--feedback{border-color:var(--color-good)!important;background:var(--color-mint)!important;color:var(--color-good)!important;transition:background .15s,color .15s}.result-hero{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center;padding:20px 0 18px}.result-good,.result-mixed,.result-avoid{background:transparent}.result-hero h1{margin:10px 0 0;font-size:25px;line-height:1.18}.result-hero p{margin:10px 0 0;color:var(--color-muted);font-size:13px;line-height:1.5}.result-pill{min-height:26px;padding:0 12px;border:1px solid var(--color-line);background:#ffffffbd;color:var(--color-ink)}.score-badge{position:relative;width:124px;height:124px;display:grid;place-items:center;align-content:center;gap:3px;--score-color: var(--color-coral-text);border:10px solid transparent;border-radius:50%;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(var(--score-color) var(--score-deg),#eee8e6 0) border-box;text-align:center;box-shadow:var(--shadow-card)}.score-badge strong{display:block;color:var(--score-color);font-size:36px;line-height:1}.score-badge span{color:var(--color-muted);font-size:12px;font-weight:var(--fw-heading)}.score-badge em{font-style:normal;color:var(--color-ink);font-size:12px;font-weight:var(--fw-display)}.score-badge[data-verdict=good]{--score-color: var(--color-good)}.score-badge[data-verdict=mixed]{--score-color: var(--color-warning)}.score-badge[data-verdict=avoid]{--score-color: var(--color-danger)}.result-list,.criteria-list,.timeline{display:grid;gap:12px}.verdict-card{position:relative;display:grid;grid-template-columns:88px 1fr 16px;gap:14px;align-items:stretch;padding:0;border:1px solid var(--color-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow-card)}.verdict-status{display:grid;gap:8px;place-items:center;padding:18px 10px;background:#8f82a817;color:var(--color-lavender);font-size:13px;font-weight:var(--fw-display);text-align:center}.verdict-card>div:nth-child(2){padding:18px 0}.verdict-good .verdict-status{background:#4f8a661f;color:var(--color-good)}.verdict-avoid .verdict-status{background:#b84a4a1a;color:var(--color-danger)}.verdict-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.evidence-pill{min-height:23px;padding:0 8px;background:#f5efed;color:var(--color-muted);font-size:12px}.verdict-heading strong{font-size:17px}.verdict-card p,.criterion p,.journal-item p{margin:7px 0 0;color:var(--color-muted);font-size:13px;line-height:1.5}.card-arrow{display:grid;place-items:center;padding-right:14px;color:var(--color-muted);font-size:26px}.disclaimer-card{border-color:#766b6a1f;background:#fff9f8b8}.disclaimer-card p,.disclaimer{margin:0;color:var(--color-muted);font-size:12px;line-height:1.5}.result-actions{margin-top:-4px}.disclaimer{padding:8px 18px 24px}.criterion span,.journal-item span{color:var(--color-coral-text);font-size:12px;font-weight:var(--fw-display)}.alternative-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.alternative-summary div{min-height:76px;display:grid;align-content:center;gap:6px;border:1px solid rgba(217,107,95,.13);border-radius:16px;background:#ffffffb8;padding:12px 10px}.alternative-summary span{color:var(--color-coral-text);font-size:11px;font-weight:var(--fw-display)}.alternative-summary strong{color:var(--color-ink);font-size:13px;line-height:1.25}.criterion{position:relative;border-radius:18px;box-shadow:var(--shadow-card);overflow:hidden}.criterion:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--color-coral)}.priority-high:before{background:var(--color-good)}.criterion-topline{display:flex;align-items:center;justify-content:space-between}.criterion-topline i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--color-mint);color:var(--color-good);font-style:normal;font-weight:var(--fw-display)}.priority-high{border-color:#4f8a6638;background:linear-gradient(135deg,#eef7efd9,#fff)}.priority-medium,.priority-low{background:linear-gradient(135deg,#ffe8e57a,#fff)}.criterion h2,.journal-item h2,.report-card h2{margin-top:6px}.completion-inline{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:12px;padding:11px 12px;border:1px solid rgba(143,130,168,.16);border-radius:14px;background:#ffffff9e}.completion-inline strong{font-size:13px;text-align:right}.shop-placeholder{background:#f7fbf7}.empty-state{align-items:flex-start;justify-content:center;min-height:360px}.journal-item{position:relative;display:grid;gap:14px;border-radius:18px;box-shadow:var(--shadow-card)}.journal-open{min-height:auto;border:0;background:transparent;color:inherit;padding:0;text-align:left}.journal-open-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.journal-open-top strong{flex:0 0 auto;color:var(--color-coral-text);font-size:13px}.journal-open h2{margin:6px 0 0;font-size:18px;line-height:1.35}.reaction-panel{display:grid;gap:10px;padding:12px;border-top:1px solid var(--color-line);background:#fff8f4b8;border-radius:14px}.reaction-title{margin:0!important;color:var(--color-ink)!important;font-size:13px!important;font-weight:var(--fw-display)}.reaction-panel label{display:grid;grid-template-columns:1fr 84px;gap:10px;align-items:center;color:var(--color-muted);font-size:12px;font-weight:var(--fw-display)}.reaction-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reaction-chip{min-height:38px;border:1px solid var(--color-line);border-radius:999px;background:#fff;color:var(--color-muted);font-size:12px;font-weight:var(--fw-display)}.reaction-chip.active{border-color:#d96b5f57;background:var(--color-blush);color:var(--color-coral-text)}.text-danger-button{display:inline-flex;gap:7px;align-items:center;min-height:36px;border:0;background:transparent;color:var(--color-danger);padding:0;font-size:13px;font-weight:var(--fw-display)}.bottom-nav{position:relative;flex-shrink:0;z-index:6;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px 8px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:#fffdfcf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -12px 28px #2a24240d}.nav-item{position:relative;display:grid;place-items:center;gap:4px;background:transparent;color:var(--color-muted);font-size:11px;border-radius:16px}.nav-item span{width:26px;height:23px;display:grid;place-items:center;font-size:18px}.nav-item-active{color:var(--color-coral-text);background:#ffe8e55c;font-weight:var(--fw-display)}.nav-item-active span{border-radius:11px;background:var(--color-blush)}.nav-item-active:before{content:"";position:absolute;top:-10px;width:22px;height:3px;border-radius:999px;background:var(--color-coral)}.nav-fab{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:54px;height:54px;border-radius:50%;background:var(--color-coral);color:#fff;border:4px solid var(--color-bg);box-shadow:var(--shadow-action);display:grid;place-items:center;cursor:pointer;z-index:7;padding:0}.nav-fab span{width:26px;height:26px;display:grid;place-items:center;font-size:22px}.nav-fab-slot{width:100%}.os-group-label{font-size:11px;font-weight:var(--fw-sub);color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;margin:14px 2px 8px}.os-card-group{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:12px}.os-card-row{display:flex;align-items:center;gap:13px;padding:14px 16px;position:relative;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.os-card-row+.os-card-row{border-top:1px solid var(--color-line)}.os-card-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.os-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.os-card-text .t{font-size:14px;font-weight:var(--fw-sub);color:var(--color-ink)}.os-card-text .s{font-size:11px;color:var(--color-muted);margin-top:0;line-height:1.4}.os-chev{color:var(--color-muted);opacity:.6;flex-shrink:0}.os-ic-coral{background:var(--color-blush);color:var(--color-coral-text)}.os-ic-sage{background:var(--color-mint);color:var(--color-good)}.os-ic-lav{background:#efeaf4;color:var(--color-lavender)}.os-ic-warn{background:#fbeede;color:var(--color-warning)}.os-card-row:disabled{opacity:.5;cursor:default}.profile-screen{padding-bottom:24px}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0 18px}.profile-avatar{position:relative;width:80px;height:80px;border-radius:var(--radius-lg);background:var(--color-blush);color:var(--color-coral-text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);border:3px solid var(--color-surface)}.profile-avatar svg{width:36px;height:36px}.profile-avatar-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-lg)}.result-mate-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:12px}.result-mate-banner img{flex-shrink:0}.result-mate-text strong{display:block;font-size:15px;font-weight:var(--fw-heading);color:var(--color-ink)}.mbti-card-character{flex-shrink:0}.mbti-card-head{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.profile-badge{position:absolute;bottom:-6px;right:-6px;background:var(--color-coral);color:#fff;font-size:10px;font-weight:var(--fw-sub);padding:3px 8px;border-radius:999px;border:2px solid var(--color-bg)}.profile-hero h1{font-size:20px;font-weight:var(--fw-heading);margin-top:12px;letter-spacing:-.02em}.profile-chips{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap;justify-content:center}.mini-chart{height:88px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;margin:18px 0 10px;padding:12px;border-radius:16px;background:#ffe8e559}.mini-chart span{display:block;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,var(--color-coral),#f0b3aa)}.glow-action{box-shadow:0 18px 28px #d96b5f47}@media(max-width:520px){.app-shell{display:block;padding:0;height:100dvh}.app-frame{width:100%;height:100%;border:0;border-radius:0}.result-summary{grid-template-columns:1fr}.coach-card{grid-template-columns:116px 1fr}.brand-title{font-size:52px}.result-hero{grid-template-columns:118px 1fr}.score-badge{width:112px;height:112px}}@media(max-width:400px){.coach-card,.result-hero{grid-template-columns:1fr}.skin-illustration{min-height:96px}.scan-steps,.action-row.compact,.scan-actions,.ocr-preview-topline,.ocr-preview-actions,.ocr-preview-body,.reaction-options,.alternative-summary,.completion-card,.completion-inline{grid-template-columns:1fr}.ocr-progress{width:fit-content}.completion-inline strong{text-align:left}.verdict-card{grid-template-columns:1fr}.verdict-status{grid-template-columns:44px 1fr;justify-items:start;padding:12px 14px}.verdict-card>div:nth-child(2){padding:0 14px 16px}.card-arrow{display:none}.bottom-left,.bottom-right{bottom:200px}.result-hero{justify-items:center}}.verdict-body{padding:18px 14px 18px 0;display:grid;gap:8px;align-content:start}.verdict-fit .verdict-status{background:#4f8a661f;color:var(--color-good)}.verdict-low_efficacy .verdict-status{background:#8f82a81a;color:var(--color-lavender)}.verdict-caution .verdict-status{background:#b8792f1f;color:var(--color-warning)}.verdict-risk .verdict-status{background:#b84a4a1a;color:var(--color-danger)}.verdict-neutral .verdict-status{background:#766b6a14;color:var(--color-muted)}.holding-card{background:var(--color-cream);border-style:dashed}.axis-lanes{display:flex;flex-wrap:wrap;gap:6px}.axis-lane{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:var(--fw-sub)}.axis-efficacy{background:#8f82a81f;color:var(--color-lavender)}.axis-safety{background:#4f8a661f;color:var(--color-good)}.evidence-badge{min-height:23px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:var(--fw-sub);background:#f5efed;color:var(--color-muted)}.evidence-A{background:#4f8a6624;color:var(--color-good)}.evidence-B{background:#8f82a824;color:var(--color-lavender)}.evidence-neutral{background:#766b6a1a;color:var(--color-muted)}.mfds-flags{display:flex;flex-wrap:wrap;gap:6px}.mfds-flag,.allergen-flag{display:inline-block;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:var(--fw-sub);background:var(--color-mint);color:var(--color-good)}.allergen-flag{background:#b8792f1f;color:var(--color-warning)}.source-excerpt-toggle,.report-button,.text-button{border:none;background:none;padding:0;font-size:12px;font-weight:var(--fw-sub);color:var(--color-coral-text);cursor:pointer}.source-excerpt-body{margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--color-mint)}.source-excerpt-quote{margin:0;font-size:13px;color:var(--color-ink)}.source-excerpt-note{margin:6px 0 0;font-size:11px;color:var(--color-muted)}.report-button{color:var(--color-muted);text-decoration:underline}.report-done{font-size:12px;color:var(--color-good);font-weight:var(--fw-sub)}.report-form{display:grid;gap:8px;margin-top:6px}.report-input{width:100%;border:1px solid var(--color-line);border-radius:10px;padding:8px 10px;font:inherit;resize:vertical}.report-actions{display:flex;gap:8px;align-items:center}.methodology-header{display:grid;gap:6px;border-left:3px solid var(--color-lavender)}.methodology-line{margin:0;font-size:13px;font-weight:var(--fw-sub);color:var(--color-ink)}.methodology-counter{margin:0;font-size:13px;color:var(--color-good);font-weight:var(--fw-sub)}.methodology-scope{margin:0;font-size:12px;color:var(--color-muted)}.neutral-banner{display:grid;gap:4px;background:var(--color-cream);border:1px dashed var(--color-line)}.neutral-banner strong{font-size:14px}.neutral-banner p{margin:0;font-size:13px;color:var(--color-muted)}.neutral-common{display:grid;gap:6px}.neutral-role-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.neutral-role-list li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;padding:5px 0;border-bottom:1px solid var(--color-line)}.neutral-role-list li:last-child{border-bottom:none}.nr-name{color:var(--color-ink, #222)}.nr-role{flex-shrink:0;font-size:12px;color:var(--color-muted);background:var(--color-cream);border-radius:999px;padding:2px 8px}.nr-role-chip{margin-left:8px;font-size:11px;color:var(--color-muted);background:var(--color-cream);border:1px solid var(--color-line);border-radius:999px;padding:1px 7px}.neutral-unknown{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-line);display:grid;gap:4px}.mfds-block{display:grid;gap:4px}.mfds-caveat{margin:0;font-size:11px;color:var(--color-muted)}.sensitive-toggle-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:12px 14px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface)}.sensitive-toggle-row>span{font-size:14px;font-weight:var(--fw-sub)}.sensitive-toggle{justify-self:end;min-width:64px;padding:6px 12px;border:1px solid var(--color-line);border-radius:999px;background:#766b6a14;color:var(--color-muted);font-size:12px;font-weight:var(--fw-heading);cursor:pointer}.sensitive-toggle.is-on{background:#4f8a6624;color:var(--color-good);border-color:#4f8a664d}.sensitive-toggle-hint{grid-column:1 / -1;margin:0;font-size:12px;color:var(--color-muted)}.privacy-link{margin-top:6px;color:var(--color-coral-text)}.privacy-card h1{font-size:19px;margin:0 0 2px}.privacy-updated{margin:0 0 12px;font-size:12px;color:var(--color-muted)}.privacy-card h2{font-size:14px;margin:16px 0 4px}.privacy-card p,.privacy-card li{font-size:13px;color:var(--color-muted);line-height:1.55}.privacy-card ul{margin:4px 0 0;padding-left:18px}.danger-card{border-color:#b84a4a40;background:#b84a4a0a}.danger-card h2{font-size:15px;margin:0 0 4px;color:var(--color-danger)}.danger-button{background:var(--color-danger);box-shadow:none}.input-status-warn{color:var(--color-warning);font-weight:var(--fw-heading)}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.section-heading-row h2{font-size:15px;margin:0}.axes-list{display:flex;flex-direction:column;gap:14px}.axis-row{display:flex;flex-direction:column;gap:5px}.axis-label{font-size:13px;font-weight:var(--fw-sub);color:var(--color-ink)}.axis-track{position:relative;height:8px;border-radius:999px;background:var(--color-line);overflow:hidden}.axis-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-sage),var(--color-coral));transition:width .4s ease}.axis-fill--sensitivity{background:linear-gradient(90deg,var(--color-mint),var(--color-warning))}.axis-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--color-muted)}.axis-ends span:nth-child(2){font-weight:var(--fw-heading);color:var(--color-ink)}.chip-soft.good-chip{background:var(--color-mint);color:var(--color-good)}.chip-soft.warning-chip{background:#fbeede;color:var(--color-warning)}.chip-soft.lavender-chip{background:#efebf5;color:var(--color-lavender)}.baumann-summary-card .profile-line{font-size:14px;font-weight:var(--fw-sub);margin:0 0 10px}.baumann-result-card{text-align:center}.baumann-code-display{display:flex;flex-direction:column;align-items:center;gap:4px}.baumann-code{font-size:40px;font-weight:var(--fw-display);letter-spacing:4px;color:var(--color-coral-text)}.baumann-label{font-size:14px;font-weight:var(--fw-sub);color:var(--color-ink)}.baumann-result-card .chip-row{justify-content:center}.mate-reveal-screen{justify-content:center;gap:22px;padding:24px 24px 34px;background:linear-gradient(180deg,#ffe8e585,#fffdfc00 54%),var(--color-bg)}.mate-reveal-stage{display:grid;justify-items:center;gap:14px;text-align:center}.mate-reveal-character{position:relative;width:196px;height:196px;display:grid;place-items:center;animation:mate-reveal-in .68s cubic-bezier(.16,.84,.44,1) both}.mate-reveal-character:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--color-mint);box-shadow:0 18px 40px #4f8a6626}.mate-reveal-character img{position:relative;z-index:1;width:184px;height:184px;object-fit:contain;border-radius:28px}.mate-reveal-code{position:absolute;right:-4px;top:6px;z-index:2;padding:6px 10px;border-radius:999px;background:var(--color-lavender);color:#fff;font-size:12px;font-weight:var(--fw-heading);letter-spacing:0}.mate-reveal-copy{display:grid;justify-items:center;gap:6px}.mate-reveal-copy>span{color:var(--color-muted);font-size:14px;font-weight:var(--fw-sub)}.mate-reveal-copy h1{max-width:330px;margin:0;color:var(--color-ink);font-size:29px;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}.mate-reveal-copy p{max-width:310px;margin:0;color:var(--color-muted);font-size:14px;line-height:1.55}.mate-reveal-disclaimer{max-width:310px;margin:0;color:var(--color-muted);font-size:11.5px;line-height:1.5}.mate-reveal-actions{display:grid;gap:10px;width:100%}.mate-reveal-actions .primary-button,.mate-reveal-actions .secondary-button{min-height:56px}.mate-share-toast{margin:-10px 0 0;color:var(--color-good);font-size:13px;text-align:center}.onboarding-mate-guide{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;min-height:78px;padding:8px 12px 8px 8px;border-left:3px solid var(--color-sage);background:#eef7ef9e}.onboarding-mate-guide img{width:62px;height:62px;border-radius:14px;object-fit:contain}.onboarding-mate-guide strong{display:block;color:var(--color-ink);font-size:13px}.onboarding-mate-guide p{margin:4px 0 0;color:var(--color-muted);font-size:12px;line-height:1.45}.empty-mate{display:grid;justify-items:center;align-content:center;gap:14px;width:100%;min-height:330px;padding:24px 18px;text-align:center;background:linear-gradient(180deg,#eef7ef8c,#fffdfc00)}.empty-mate-character{width:120px;height:120px;display:grid;place-items:center}.empty-mate-character img{width:112px;height:112px;object-fit:contain;border-radius:22px}.empty-mate-copy{display:grid;justify-items:center;gap:4px}.empty-mate-copy h2{margin:0;font-size:20px;line-height:1.3}.empty-mate-copy p{max-width:300px;margin:0;color:var(--color-muted);font-size:13px;line-height:1.55}.empty-mate-action{width:min(100%,280px)}.empty-mate-action .primary-button,.empty-mate-action .secondary-button{width:100%}@keyframes mate-reveal-in{0%{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.mate-reveal-character{animation:none}}.precision-cta-card{background:linear-gradient(135deg,var(--color-cream),var(--color-blush));border-color:#d96b5f2e}.precision-cta-card h2{font-size:16px;margin:4px 0 6px}.precision-cta-card p{font-size:13px;color:var(--color-muted);line-height:1.55}.personal-note-flag{display:inline-block;font-size:12px;font-weight:var(--fw-heading);color:var(--color-lavender);background:#efebf5;border-radius:999px;padding:4px 10px;margin:4px 0}.allergen-alert-banner{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--radius-md);background:#b84a4a0f;border:1px solid rgba(184,74,74,.22);margin-bottom:12px}.allergen-alert-banner strong{font-size:13px;color:var(--color-danger)}.allergen-alert-banner span{font-size:12px;color:var(--color-muted)}.profile-nudge-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-cream);border:1px solid var(--color-line);margin-bottom:12px;font-size:12px;color:var(--color-muted)}.camera-viewport{padding:0;overflow:hidden}.camera-frame{position:relative;width:100%;aspect-ratio:3 / 4;background:#14110f;display:flex;align-items:center;justify-content:center}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-guide-oval{position:absolute;width:58%;height:72%;border:2px dashed rgba(255,255,255,.7);border-radius:50%;pointer-events:none}.analyzing-bar{height:8px;border-radius:999px;background:var(--color-line);overflow:hidden}.analyzing-bar-fill{height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--color-sage),var(--color-coral));animation:analyzing-slide 1.2s ease-in-out infinite}@keyframes analyzing-slide{0%{margin-left:-40%}to{margin-left:100%}}.face-scan{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#14110f}.face-scan-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.92)}.face-scan-mesh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.face-scan-mesh line{stroke:#ffffff6b;stroke-width:.6;opacity:0;animation:face-mesh-in .9s ease forwards}.face-scan.is-done .face-scan-mesh line{stroke:#ffffff38;opacity:1;animation:none}@keyframes face-mesh-in{0%{opacity:0}to{opacity:1}}.face-scan-beam{position:absolute;left:0;right:0;top:0;height:14%;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-coral) 55%,transparent),transparent);box-shadow:0 0 18px 2px color-mix(in srgb,var(--color-coral) 45%,transparent);animation:face-beam-sweep 1.7s ease-in-out infinite}@keyframes face-beam-sweep{0%{transform:translateY(-110%);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(760%);opacity:0}}.face-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;pointer-events:none;opacity:0;animation:face-pin-in .4s ease forwards}.face-pin-dot{width:10px;height:10px;border-radius:50%;background:#ffffffe6;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 4px #ffffff2e;flex:none}.face-pin.is-emphasis .face-pin-dot{background:var(--color-coral);border-color:#ffffffd9;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-coral) 35%,transparent);animation:face-pin-pulse 1.4s ease-in-out infinite}.face-pin-label{font-size:12px;font-weight:600;color:#fff;background:#14110f9e;padding:2px 8px;border-radius:999px;white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes face-pin-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 6px)) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes face-pin-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-coral) 35%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-coral) 12%,transparent)}}.axis-detail{margin-top:14px}.axis-detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.axis-detail-top .axis-label{font-weight:var(--fw-sub);font-size:14px}.axis-detail-band{font-size:12px;font-weight:var(--fw-sub);padding:2px 9px;border-radius:999px}.axis-detail-band.band-strong{background:color-mix(in srgb,var(--color-coral) 16%,white);color:var(--color-coral-text)}.axis-detail-band.band-clear{background:color-mix(in srgb,var(--color-lavender) 16%,white);color:var(--color-lavender)}.axis-detail-band.band-weak{background:var(--color-line);color:var(--color-muted)}.axis-detail-band.band-edge{background:color-mix(in srgb,var(--color-warning) 16%,white);color:var(--color-warning)}.axis-detail .axis-track{position:relative}.axis-detail .axis-mid{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:#2a242438;border-radius:2px}.precision-toggle{margin-top:4px}.axis-detail-extra-label{margin-top:18px;padding-top:12px;border-top:1px solid var(--color-line);font-size:12px;font-weight:var(--fw-sub);color:var(--color-muted)}.mbti-axes .mbti-axis{margin-top:12px}.mbti-axis-title{font-weight:var(--fw-sub);font-size:14px;margin:8px 0 4px;color:var(--color-ink)}.mbti-axis-opt{font-size:13px;color:var(--color-muted);margin:3px 0}.mbti-axis-opt strong{color:var(--color-ink)}.mbti-axis-letter{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:6px;border-radius:6px;background:var(--color-blush);color:var(--color-coral-text);font-weight:var(--fw-heading);font-size:12px}.mbti-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mbti-code{font-weight:var(--fw-heading);letter-spacing:.06em;font-size:12px;color:var(--color-lavender);background:color-mix(in srgb,var(--color-lavender) 14%,white);padding:2px 8px;border-radius:8px}.mbti-type-label{font-size:13px;font-weight:600;color:var(--color-ink);margin:6px 0}.mbti-type-card.is-mine{border-color:var(--color-coral-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-coral) 22%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.label-cam{position:fixed;inset:0;z-index:1000;background:#0c0b0a;display:flex;flex-direction:column;overflow:hidden}.label-cam-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92)}.label-cam:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,transparent 24%,transparent 60%,rgba(0,0,0,.82) 100%)}.label-cam-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) 20px 14px;color:#fff}.label-cam-icon-btn{width:48px;height:48px;border-radius:50%;border:0;border:1px solid rgba(255,255,255,.45);background:#1414126b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font-size:16px;cursor:pointer;display:grid;place-items:center}.label-cam-icon-btn svg{width:25px;height:25px}.label-cam-icon-spacer{background:transparent;pointer-events:none}.label-cam-title{display:grid;justify-items:center;gap:2px;text-align:center}.label-cam-title strong{font-size:20px;font-weight:var(--fw-heading);letter-spacing:-.03em}.label-cam-title small{margin-top:2px;font-size:12px;color:#ffffffc7}.label-cam-help{position:absolute;z-index:4;top:calc(max(18px,env(safe-area-inset-top)) + 62px);left:50%;width:min(calc(100% - 48px),360px);padding:13px 15px;transform:translate(-50%);display:grid;gap:3px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:#10100eb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;text-align:center}.label-cam-help strong{font-size:13px}.label-cam-help span{color:#ffffffc2;font-size:11px}.label-cam-reticle{position:relative;z-index:2;flex:1;margin:8px 24px;align-self:stretch;border:2px solid rgba(255,255,255,.9);border-radius:28px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000002e,0 0 0 999px #00000014}.label-cam-reticle.is-ingredients{flex:0 1 52vh;min-height:280px}.label-cam-reticle.is-product{flex:0 1 58vh;min-height:330px}.lc-corner{position:absolute;width:34px;height:34px;border:3px solid rgba(255,255,255,.95)}.lc-tl{top:0;left:0;border-width:3px 0 0 3px;border-top-left-radius:18px}.lc-tr{top:0;right:0;border-width:3px 3px 0 0;border-top-right-radius:18px}.lc-bl{bottom:0;left:0;border-width:0 0 3px 3px;border-bottom-left-radius:18px}.lc-br{bottom:0;right:0;border-width:0 3px 3px 0;border-bottom-right-radius:18px}.label-cam-beam{position:absolute;left:0;right:0;top:0;height:18%;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-coral) 42%,transparent),transparent);box-shadow:0 0 22px 3px color-mix(in srgb,var(--color-coral) 40%,transparent);animation:doc-beam-sweep 2.2s ease-in-out infinite}.label-cam-hint{position:relative;z-index:2;width:fit-content;max-width:calc(100% - 48px);margin:-54px auto 0;padding:10px 18px;text-align:center;font-size:13px;font-weight:600;color:#fffffff0;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#1c1b1880;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-shadow:0 1px 6px rgba(0,0,0,.5)}.label-cam-hint.is-error{color:#ffd9d4}.label-cam-privacy-note{position:relative;z-index:2;max-width:calc(100% - 56px);margin:14px auto -12px;color:#ffffffc2;font-size:11px;line-height:1.45;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.7)}.label-cam-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px 38px 20px}.label-cam-gallery{width:54px;height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.2);background:#0c0c0a73;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;cursor:pointer;display:grid;place-items:center}.label-cam-gallery svg{width:24px;height:24px}.label-cam-shutter{width:72px;height:72px;border-radius:50%;background:#fff;border:5px solid rgba(255,255,255,.42);background-clip:padding-box;cursor:pointer;box-shadow:0 0 0 2px #ffffff4d}.label-cam-shutter:active{transform:scale(.94)}.label-cam-shutter:disabled{opacity:.5}.label-cam-modes{position:relative;z-index:2;display:flex;gap:0;margin:0 20px max(18px,env(safe-area-inset-bottom));padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#050504c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.label-cam-mode{display:inline-flex;align-items:center;gap:6px;flex:1;justify-content:center;min-height:52px;padding:10px 14px;border-radius:999px;border:0;font-size:14px;font-weight:var(--fw-sub);cursor:pointer;background:transparent;color:#ffffffd1}.label-cam-mode svg{width:17px;height:17px}.label-cam-mode.is-active{background:var(--color-coral);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--color-coral) 32%,transparent)}@media(prefers-reduced-motion:reduce){.label-cam-beam{animation:none;opacity:.5}}@media(max-height:700px){.label-cam-reticle.is-ingredients,.label-cam-reticle.is-product{min-height:240px}.label-cam-controls{padding-top:20px;padding-bottom:14px}.label-cam-title small{display:none}}.product-photo-matches{margin-top:14px;padding:17px;border:1px solid color-mix(in srgb,var(--color-good, #64835f) 28%,var(--color-border));border-radius:20px;background:color-mix(in srgb,var(--color-good, #64835f) 7%,#fff);box-shadow:0 12px 30px #414b3d12}.product-photo-match-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.product-photo-match-heading>div{display:grid;gap:2px}.product-photo-match-heading span{color:var(--color-good, #64835f);font-size:11px;font-weight:var(--fw-heading)}.product-photo-match-heading strong{color:var(--color-ink);font-size:17px}.product-photo-match-heading small{max-width:145px;color:var(--color-muted);font-size:10px;text-align:right}.product-photo-match-list{display:grid;gap:8px}.product-photo-match-item{width:100%;min-height:66px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--color-border);border-radius:15px;background:#fff;color:inherit;text-align:left;cursor:pointer}.product-photo-match-item:focus-visible{outline:3px solid color-mix(in srgb,var(--color-good, #64835f) 35%,transparent);outline-offset:2px}.product-photo-match-copy{min-width:0;display:grid;gap:4px}.product-photo-match-copy strong{overflow:hidden;color:var(--color-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.product-photo-match-copy small{color:var(--color-muted);font-size:10px}.product-photo-match-action{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,var(--color-good, #64835f) 14%,#fff);color:var(--color-good, #64835f);font-size:10px;font-weight:var(--fw-heading)}.product-photo-match-action.is-empty{background:color-mix(in srgb,var(--color-coral) 14%,#fff);color:var(--color-coral-text)}.product-photo-scan-again{width:100%;min-height:44px;margin-top:8px;border:0;background:transparent;color:var(--color-muted);font-size:12px;font-weight:var(--fw-sub);cursor:pointer}.doc-scan{position:relative;width:min(100%,300px);aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;background:#14110f;box-shadow:0 14px 35px #00000047}.doc-scan-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.95) brightness(.9)}.doc-scan-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px;mix-blend-mode:screen}.doc-scan-beam{position:absolute;left:0;right:0;top:0;height:16%;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-coral) 60%,transparent),transparent);box-shadow:0 0 22px 3px color-mix(in srgb,var(--color-coral) 50%,transparent);animation:doc-beam-sweep 1.6s ease-in-out infinite}@keyframes doc-beam-sweep{0%{transform:translateY(-110%);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(720%);opacity:0}}.doc-scan-status{position:absolute;left:0;right:0;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:2px;text-shadow:0 1px 6px rgba(0,0,0,.6)}.doc-scan-pct{font-size:30px;font-weight:var(--fw-heading);line-height:1;color:#fff}.doc-scan-stage{font-size:12px;font-weight:600;color:#ffffffeb}.scan-box.is-scanning:after{display:none}@media(prefers-reduced-motion:reduce){.doc-scan-beam{animation:none}}.result-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:22px 2px 10px}.result-section-head h2{margin:0;font-size:17px}.result-section-count{font-size:12px;font-weight:600;color:var(--color-muted)}.home-hero-cta{width:100%;font-size:16px;padding:16px}.home-grid-eyebrow{margin:18px 2px 8px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--color-coral-text)}.home-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-soft)}.quick-tile:active{transform:scale(.98)}.quick-tile strong{font-size:15px;color:var(--color-ink)}.quick-tile span:last-child{font-size:12px;color:var(--color-muted)}.quick-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:4px;border-radius:12px;background:#ffffffb3}.quick-ico svg{width:20px;height:20px}.tile-profile{background:var(--color-blush);border-color:transparent}.tile-profile .quick-ico{color:var(--color-coral-text)}.tile-diagnosis{background:var(--color-sage);border-color:transparent}.tile-diagnosis .quick-ico{color:var(--color-good)}.tile-camera{background:color-mix(in srgb,var(--color-lavender) 16%,white);border-color:transparent}.tile-camera .quick-ico{color:var(--color-lavender)}.tile-dictionary{background:var(--color-mint);border-color:transparent}.tile-dictionary .quick-ico{color:var(--color-good)}.face-scan-status{position:absolute;left:0;right:0;bottom:12%;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.55)}.face-scan-percent{font-size:40px;font-weight:var(--fw-heading);line-height:1;color:#fff}.face-scan-stage{font-size:13px;font-weight:600;color:#ffffffeb}@media(prefers-reduced-motion:reduce){.face-scan-beam,.face-pin.is-emphasis .face-pin-dot{animation:none}.face-scan-mesh line{animation-duration:.01s}}.scan-quality{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;pointer-events:none}.q-chip{font-size:11px;font-weight:600;color:#ffffffeb;background:#14110f8c;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.18)}.q-chip.is-ok{background:color-mix(in srgb,var(--color-good, #4b8b5a) 78%,transparent);border-color:#fff6}.q-chip.q-hint{opacity:.85}.confirm-frame{position:relative;width:100%;aspect-ratio:3 / 4;background:#14110f;overflow:hidden;display:flex;align-items:center;justify-content:center}.confirm-frame img{width:100%;height:100%;object-fit:cover}.question-kicker{font-size:12px;font-weight:var(--fw-heading);color:var(--color-coral-text);margin:0 0 8px}.empty-hint{font-size:14px;color:var(--color-muted);text-align:center;padding:16px 8px;margin:0}.section-title{font-size:15px;font-weight:var(--fw-heading);color:var(--color-ink);margin:18px 0 10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);cursor:pointer}.icon-button svg{width:18px;height:18px}.text-input,.text-area{width:100%;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-ink);padding:12px;font-size:14px;font-family:inherit;margin-bottom:10px}.text-area{resize:vertical}.input-error{color:var(--color-danger);font-size:13px;margin:0 0 10px}.routine-slots{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.routine-slot{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.routine-slot-body{display:flex;flex-direction:column;gap:2px}.routine-slot-index{font-size:11px;font-weight:var(--fw-heading);color:var(--color-coral-text)}.routine-slot-label{font-size:15px;color:var(--color-ink)}.routine-slot-count{font-size:12px;color:var(--color-muted)}.routine-add{padding:14px 16px;margin-bottom:14px}.routine-input{margin-top:12px}.conflict-card{padding:16px;margin-bottom:12px;border-left:4px solid var(--color-line)}.conflict-card.severity-critical{border-left-color:var(--color-danger)}.conflict-card.severity-caution{border-left-color:var(--color-warning)}.conflict-card.severity-fine{border-left-color:var(--color-good)}.conflict-topline{display:flex;align-items:center;gap:8px;margin-bottom:6px}.conflict-topline strong{font-size:15px}.conflict-summary{font-size:13px;font-weight:var(--fw-sub);color:var(--color-ink);margin:0 0 4px}.conflict-source{font-size:12px;color:var(--color-muted);margin:0 0 8px}.conflict-static{font-size:14px;color:var(--color-ink);margin:0 0 8px;line-height:1.5}.conflict-detail{margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-line)}.conflict-ai{font-size:14px;color:var(--color-lavender);line-height:1.5;margin:0}.conflict-ai-muted,.conflict-loading,.synergy-ai-muted,.synergy-loading{font-size:13px;color:var(--color-muted);margin:0}.severity-badge{font-size:11px;font-weight:var(--fw-heading);padding:3px 9px;border-radius:999px;color:#fff}.severity-badge.severity-critical{background:var(--color-danger)}.severity-badge.severity-caution{background:var(--color-warning)}.severity-badge.severity-fine{background:var(--color-good)}.synergy-card{padding:16px;margin-bottom:12px;border-left:4px solid var(--color-good)}.synergy-topline{display:flex;align-items:center;gap:8px;margin-bottom:6px}.synergy-topline strong{font-size:15px}.synergy-benefit{font-size:13px;font-weight:var(--fw-sub);color:var(--color-good);margin:0 0 4px}.synergy-static{font-size:14px;color:var(--color-ink);margin:0 0 8px;line-height:1.5}.synergy-detail{margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-line)}.synergy-ai{font-size:14px;color:var(--color-lavender);line-height:1.5;margin:0}.synergy-badge{font-size:11px;font-weight:var(--fw-heading);padding:3px 9px;border-radius:999px;background:var(--color-sage);color:var(--color-good)}.gap-list{display:flex;flex-direction:column;gap:14px}.gap-card{padding:16px}.gap-topline{display:flex;align-items:center;gap:8px;margin-bottom:6px}.gap-topline strong{font-size:16px}.gap-badge{font-size:11px;font-weight:var(--fw-heading);padding:3px 9px;border-radius:999px;background:var(--color-blush);color:var(--color-coral-text)}.gap-reason{font-size:14px;color:var(--color-ink);margin:0 0 10px;line-height:1.5}.gap-ingredients{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ingredient-chip{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--color-cream);color:var(--color-muted);border:1px solid var(--color-line)}.pharmacy-list{display:flex;flex-direction:column;gap:10px}.pharmacy-product{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:12px;background:var(--color-bg)}.pharmacy-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.pharmacy-topline strong{font-size:14px}.pharmacy-availability{font-size:11px;font-weight:var(--fw-sub);padding:2px 8px;border-radius:999px;background:var(--color-mint);color:var(--color-good)}.pharmacy-brand{font-size:12px;color:var(--color-muted);margin:4px 0}.pharmacy-reason{font-size:13px;color:var(--color-ink);margin:4px 0;line-height:1.4}.pharmacy-ingredients{font-size:12px;color:var(--color-muted);margin:4px 0}.pharmacy-info-date{font-size:11px;color:var(--color-muted);margin:6px 0 0;font-style:italic}.goal-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.goal-chip{font-size:13px;font-weight:var(--fw-sub);padding:9px 14px;border-radius:999px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-muted);cursor:pointer}.goal-chip-active{background:var(--color-coral);color:#fff;border-color:var(--color-coral-text)}.toggle-row,.consent-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--color-ink);padding:10px 2px;cursor:pointer}.toggle-row input,.consent-row input{margin-top:2px}.consent-row small{color:var(--color-muted);font-size:12px}.allergen-cta{display:block;margin:4px 0 12px;color:var(--color-coral-text);text-align:left}.routine-recommend-card{padding:16px;margin-bottom:14px}.routine-recommend-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.routine-goal-badge{font-size:12px;font-weight:var(--fw-heading);padding:4px 10px;border-radius:999px;background:var(--color-blush);color:var(--color-coral-text)}.routine-total{font-size:16px;color:var(--color-ink)}.routine-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.routine-step{display:flex;gap:12px}.routine-step-no{flex:0 0 24px;height:24px;border-radius:50%;background:var(--color-cream);display:grid;place-items:center;font-size:12px;font-weight:var(--fw-heading);color:var(--color-coral-text)}.routine-step-body{display:flex;flex-direction:column;gap:2px}.routine-step-kind{font-size:11px;font-weight:var(--fw-heading);color:var(--color-muted)}.routine-step-name{font-size:15px;color:var(--color-ink)}.routine-step-meta{font-size:12px;color:var(--color-muted)}.routine-conflict-ok{font-size:13px;color:var(--color-good);margin:12px 0 0}.routine-conflict-warn{margin:12px 0 0}.routine-conflict-warn p{font-size:13px;color:var(--color-warning);margin:2px 0}.routine-conflict-item{color:var(--color-ink)!important}.routine-builder-links{display:flex;flex-direction:column;gap:8px;padding:14px 16px;margin-top:6px}.allergen-signal{display:inline-block;font-size:12px;font-weight:var(--fw-sub);padding:4px 10px;border-radius:999px;margin-top:6px}.allergen-safe{background:var(--color-mint);color:var(--color-good)}.allergen-caution{background:#fbeede;color:var(--color-warning)}.result-allergen-signal,.combination-allergen-signal{margin:6px 0 12px}.allergen-group{margin-bottom:16px}.allergen-row{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:start;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-sm);margin-bottom:8px;cursor:pointer;background:var(--color-surface)}.allergen-row.checked{border-color:var(--color-coral-text);background:var(--color-cream)}.allergen-row input{margin-top:3px}.allergen-label{font-size:14px;font-weight:var(--fw-sub);color:var(--color-ink)}.allergen-note{grid-column:2;font-size:12px;color:var(--color-muted)}.allergen-ocr{padding:14px 16px;margin:10px 0}.ocr-upload{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.allergen-blood{padding:14px 16px;margin:10px 0}.blood-input{margin-top:12px}.input-hint{font-size:13px;color:var(--color-muted);margin:0 0 10px}.blood-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-line);font-size:14px}.product-search-input{margin-bottom:14px}.product-search-list{display:flex;flex-direction:column;gap:10px}.mfds-product-card{padding:14px 16px}.mfds-product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mfds-product-top strong{font-size:15px;line-height:1.35}.mfds-product-meta{font-size:13px;color:var(--color-muted);margin:6px 0 0}.landing-screen{display:flex;flex-direction:column;gap:28px;padding-bottom:40px}.landing-hero{display:flex;flex-direction:column;gap:14px;padding:36px 4px 24px;background:linear-gradient(180deg,var(--color-blush),var(--color-cream) 78%,var(--color-bg));border-radius:var(--radius-md, 18px);text-align:left}.landing-title{display:flex;flex-direction:column;gap:2px;margin:0;font-size:28px;line-height:1.28;font-weight:var(--fw-heading);color:var(--color-ink);letter-spacing:-.4px}.landing-title-line{display:block}.landing-subtitle{margin:0;font-size:16px;color:var(--color-muted);line-height:1.5}.landing-cta-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.landing-cta{width:100%;min-height:54px;font-size:16px}.landing-secondary{align-self:center}.landing-section{display:flex;flex-direction:column;gap:10px;padding:0 2px}.landing-section h2{margin:0;font-size:19px;font-weight:var(--fw-heading);color:var(--color-ink)}.landing-section p{margin:0;font-size:15px;line-height:1.6;color:var(--color-muted)}.landing-step-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.landing-step{display:flex;gap:14px;align-items:flex-start}.landing-step-badge{flex:0 0 auto;width:30px;height:30px;border-radius:999px;background:var(--color-sage);color:var(--color-ink);font-weight:var(--fw-heading);display:inline-flex;align-items:center;justify-content:center;font-size:15px}.landing-step strong{display:block;color:var(--color-ink);font-size:16px}.landing-step p{margin:3px 0 0}.landing-feature-pills{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.landing-feature-pill{padding:9px 14px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-ink);font-size:14px;font-weight:var(--fw-sub)}.landing-trust h2{color:var(--color-lavender)}.landing-trust{padding:18px 16px;background:var(--color-cream);border:1px solid var(--color-line);border-radius:var(--radius-md, 18px)}.landing-final-cta{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;margin-top:4px}.landing-disclaimer{font-size:13px;color:var(--color-muted);line-height:1.5;margin:0}.landing-privacy-link{align-self:center;font-size:12px;color:var(--color-muted);font-weight:600}.criterion-products{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px dashed var(--color-line);display:flex;flex-direction:column;gap:8px}.criterion-product{display:flex;align-items:center;gap:10px}.cp-text{display:flex;flex-direction:column;gap:2px}.cp-name{font-size:13.5px;font-weight:var(--fw-sub);color:var(--color-ink)}.cp-meta{font-size:12px;color:var(--color-muted)}.combo-section{display:flex;flex-direction:column;gap:12px}.combo-section>h2{margin:0}.combo-section>p{margin:0;font-size:13.5px;color:var(--color-muted)}.product-thumb{width:48px;height:48px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--color-line)}.product-thumb-sm{width:40px;height:40px;border-radius:10px}.product-thumb-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-heading);font-size:18px;color:#fff;line-height:1}.product-thumb-sm.product-thumb-fallback{font-size:15px}.cat-moisture{background:#6fb1e0}.cat-barrier{background:#9b8cd6}.cat-antioxidant{background:#e0a35a}.cat-soothing{background:#5fc0a0}.cat-brightening{background:#e8617e}.cat-exfoliation{background:#d98aa8}.cat-sunscreen{background:#e0b400}.routine-step{align-items:center}.golden-step-btn{background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;width:100%}.safety-grade{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.safety-grade-letter{width:24px;height:24px;border-radius:8px;display:inline-grid;place-items:center;font-size:13px;font-weight:var(--fw-heading);color:#fff}.safety-grade-text{font-size:12px;font-weight:600;color:var(--color-muted)}.safety-grade-A .safety-grade-letter{background:#16b5a6}.safety-grade-B .safety-grade-letter{background:#5cc26e}.safety-grade-C .safety-grade-letter{background:#e3b32a}.safety-grade-D .safety-grade-letter{background:#e08a3c}.safety-grade-F .safety-grade-letter{background:#e0556e}.safety-grade-X .safety-grade-letter{background:#b3adac}.dict-citation{margin-top:10px;padding:10px 12px;border-left:3px solid var(--color-line);background:var(--color-cream, #faf6f4);border-radius:0 8px 8px 0}.dict-citation-quote{font-size:12.5px;line-height:1.55;color:var(--color-ink);margin:0 0 4px}.dict-citation .dict-source{margin:0}.dict-products{margin-top:10px}.dict-products-toggle{border:1px solid var(--color-line);background:var(--color-surface, #fff);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:var(--fw-sub);color:var(--color-coral, #e8617e);cursor:pointer}.dict-products-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.grade-guide-list{display:flex;flex-direction:column;gap:8px;margin:4px 0 18px}.grade-guide-item{display:flex;align-items:center;gap:14px}.grade-guide-desc{margin:0;font-size:13.5px;line-height:1.5;color:var(--color-ink)}.grade-guide-axes{margin-bottom:18px}.grade-guide-axes p{font-size:13.5px;line-height:1.7;color:var(--color-muted);margin:6px 0 0}.golden-stepper{list-style:none;display:flex;gap:4px;margin:0;padding:12px 18px 6px}.golden-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.golden-step:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:var(--color-line);z-index:0}.golden-step:first-child:before{display:none}.golden-step-done:before,.golden-step-active:before{background:var(--color-good)}.golden-step-no{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:var(--fw-heading);background:var(--color-line);color:var(--color-muted);z-index:1}.golden-step-label{font-size:11px;font-weight:var(--fw-sub);color:var(--color-muted)}.golden-step-active .golden-step-no{background:var(--color-coral);color:#fff}.golden-step-active .golden-step-label{color:var(--color-coral-text)}.golden-step-done .golden-step-no{background:var(--color-good);color:#fff}.golden-step-done .golden-step-label{color:var(--color-ink)}.golden-done{text-align:center;margin-top:8px}.golden-done-badge{display:inline-block;font-size:12px;font-weight:var(--fw-heading);color:var(--color-good);background:var(--color-mint);border-radius:999px;padding:5px 14px;margin:0 0 10px}.golden-done h2{margin:0 0 6px}.golden-done>p{font-size:13.5px;color:var(--color-muted);line-height:1.6;margin:0 0 14px}.golden-done .action-row{justify-content:center}.baumann-nickname{display:block;font-size:18px;font-weight:var(--fw-heading);color:var(--color-coral-text);margin-top:2px}.journal-open-right{display:flex;align-items:center;gap:8px}.jv{font-size:11px;font-weight:var(--fw-heading);padding:2px 8px;border-radius:999px}.jv-good{color:var(--color-good);background:var(--color-mint)}.jv-mixed{color:var(--color-warning);background:#fbf1da}.jv-avoid{color:var(--color-coral-text);background:#fbe6e4}.caution-summary{background:#fbe6e4;border-radius:var(--radius, 16px);padding:14px 16px;margin-bottom:16px}.caution-summary-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.caution-summary-head strong{font-size:14.5px;color:var(--color-coral-text)}.caution-chips{display:flex;flex-wrap:wrap;gap:8px}.caution-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:4px 10px 4px 4px;font-size:12.5px;font-weight:var(--fw-sub);color:var(--color-ink)}.caution-chip .safety-grade-letter{width:20px;height:20px;font-size:11px;border-radius:6px}.neutral-names{font-size:12.5px;color:var(--color-muted);line-height:1.6;margin:8px 0 0}.condition-tags{margin-bottom:12px}.condition-on{border-color:var(--color-coral-text);background:#fbe6e4;color:var(--color-coral-text)}.condition-check-banner{background:#efebf5;border-radius:var(--radius, 16px);padding:14px 16px;margin-bottom:16px}.condition-check-banner>strong{font-size:14px;color:var(--color-lavender, #6b5b95)}.condition-check-item{font-size:12.5px;line-height:1.6;color:var(--color-ink);margin:8px 0 0}.cc-cond{font-weight:var(--fw-heading);color:var(--color-lavender, #6b5b95)}.cc-source{color:var(--color-muted)}.functional-summary{background:var(--color-mint);border-radius:var(--radius, 16px);padding:14px 16px;margin-bottom:16px}.functional-summary>strong{font-size:14.5px;color:var(--color-good)}.functional-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.functional-chip{display:inline-flex;flex-direction:column;background:#fff;border-radius:12px;padding:6px 11px;font-size:12.5px;font-weight:var(--fw-sub);color:var(--color-ink)}.functional-chip .fn-tags{font-size:11px;font-weight:500;color:var(--color-muted)}.functional-note{font-size:11.5px;color:var(--color-muted);margin:0}.verdict-blending{font-size:12px;color:var(--color-muted);margin:8px 0 0}.isearch-filters{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}.isearch-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.isearch-key{font-size:11px;font-weight:var(--fw-heading);padding:3px 9px;border-radius:999px}.isearch-key-in{color:var(--color-good);background:var(--color-mint)}.isearch-key-ex{color:var(--color-coral-text);background:#fbe6e4}.isearch-active-chip{cursor:pointer;border-color:var(--color-coral-text)}.isearch-matches{list-style:none;margin:10px 0 16px;padding:0;display:flex;flex-direction:column;gap:6px}.isearch-match{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 4px;border-bottom:1px solid var(--color-line)}.isearch-match-name{font-size:14px;font-weight:600}.isearch-match-actions{display:flex;gap:6px}.isearch-match-actions .chip{cursor:pointer;min-height:30px;padding:5px 10px;font-size:12px}.dict-tabs{display:flex;gap:6px;margin:10px 0 6px}.dict-tab{border:1px solid var(--color-line);background:var(--color-surface, #fff);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:var(--fw-sub);color:var(--color-muted);cursor:pointer}.dict-tab-active{border-color:var(--color-coral-text);color:var(--color-coral-text);background:#fbe6e4}.dict-name-btn{background:none;border:none;padding:0;cursor:pointer;text-align:left;color:inherit}.dict-bookmark{margin-left:auto;background:none;border:none;font-size:20px;line-height:1;color:var(--color-line);cursor:pointer}.dict-bookmark.on{color:var(--color-coral-text)}.dictionary-screen .dict-list{display:flex;flex-direction:column;gap:10px;margin:10px 0 16px}.dict-card{display:flex;flex-direction:column;gap:8px}.dict-card-top{display:flex;align-items:center;gap:8px}.dict-card-top strong{font-size:16px}.dict-badges{display:flex;flex-wrap:wrap;gap:6px}.dict-badges .chip{min-height:28px;padding:5px 10px;font-size:12px}.chip-caution{background:#fbeede;color:var(--color-warning);border-color:transparent}.chip-mfds{background:#eef4ff;color:#2f5ad0;border-color:transparent}.dict-explanation{font-size:14px;line-height:1.55;color:var(--color-ink);margin:0}.dict-meta{display:flex;flex-direction:column;gap:5px}.dict-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--color-muted);margin:0}.dict-meta-key{font-size:11px;font-weight:var(--fw-sub);padding:2px 8px;border-radius:999px;background:var(--color-line);color:var(--color-ink)}.dict-meta-key.fit{background:var(--color-mint);color:var(--color-good)}.dict-meta-key.caution{background:#fbeede;color:var(--color-warning)}.dict-source{font-size:11.5px;color:var(--color-muted);margin:2px 0 0}.dict-source-unverified{margin-top:8px;font-style:normal;opacity:.85}.scan-engine-badge{margin-top:8px;display:inline-block;font-size:12px;color:var(--color-good, #2f7a4d);background:#2f7a4d14;border:1px solid rgba(47,122,77,.25);border-radius:999px;padding:4px 10px}.scan-tabs{display:flex;gap:6px;margin:4px 0 14px;padding:4px;background:var(--color-blush);border-radius:14px}.scan-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:0;background:transparent;color:var(--color-muted);font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:background .15s,color .15s}.scan-tab.is-active{background:var(--color-surface);color:var(--color-coral-text);box-shadow:0 1px 3px #2a242414}.scan-tab svg{width:16px;height:16px}.scan-tab-count{min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--fw-sub);color:var(--color-surface);background:var(--color-coral);border-radius:999px}.saved-products{display:flex;flex-direction:column;gap:12px}.saved-search input{width:100%;padding:12px 14px;border:1px solid var(--color-line);border-radius:12px;font-size:15px;background:var(--color-surface);color:var(--color-ink)}.saved-search input:focus{outline:none;border-color:var(--color-coral-text);box-shadow:0 0 0 3px #d96b5f1f}.saved-empty{text-align:center;padding:36px 20px;background:var(--color-cream);border:1px dashed var(--color-line);border-radius:16px;color:var(--color-muted)}.saved-empty strong{display:block;color:var(--color-ink);font-size:16px;margin-bottom:6px}.saved-empty p{margin:0 0 14px;font-size:13.5px;line-height:1.5}.saved-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.saved-product-card{display:flex;align-items:stretch;background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;overflow:hidden}.saved-product-main{flex:1;display:flex;flex-direction:column;gap:4px;padding:14px 4px 14px 16px;background:transparent;border:0;text-align:left;cursor:pointer}.saved-product-name{font-size:15px;font-weight:var(--fw-sub);color:var(--color-ink)}.saved-product-meta{font-size:12.5px;color:var(--color-muted)}.saved-product-delete{width:52px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-left:1px solid var(--color-line);color:var(--color-muted);cursor:pointer}.saved-product-delete svg{width:18px;height:18px}.saved-product-delete:hover{color:var(--color-danger);background:#b84a4a0f}.product-name-field{display:flex;flex-direction:column;gap:6px;margin:12px 0 4px}.product-name-label{font-size:13px;font-weight:600;color:var(--color-muted)}.product-name-label em{font-style:normal;font-weight:500;color:var(--color-muted);opacity:.8}.product-name-field input{padding:11px 13px;border:1px solid var(--color-line);border-radius:11px;font-size:15px;background:var(--color-cream);color:var(--color-ink)}.product-name-field input:focus{outline:none;border-color:var(--color-coral-text);box-shadow:0 0 0 3px #d96b5f1f}.barcode-tab{display:flex;flex-direction:column;gap:14px}.barcode-intro strong{display:block;font-size:16px;color:var(--color-ink);margin-bottom:6px}.barcode-intro p{margin:0;font-size:13.5px;line-height:1.5;color:var(--color-muted)}.barcode-status{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--color-mint);border-radius:14px}.barcode-status strong{font-size:15px;color:var(--color-ink)}.barcode-status span{font-size:13px;color:var(--color-muted)}.barcode-result{display:flex;flex-direction:column;gap:10px}.barcode-result-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.barcode-result-empty{text-align:center;padding:28px 20px;background:var(--color-cream);border:1px dashed var(--color-line);border-radius:16px}.barcode-result-empty strong{display:block;color:var(--color-ink);font-size:15px;margin-bottom:6px}.barcode-result-empty p{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:var(--color-muted)}.trust-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.trust-verified{color:var(--color-good);background:#4f8a661f}.trust-single{color:var(--color-muted);background:var(--color-line)}.trust-conflict{color:var(--color-warning);background:#b8792f1f}.barcode-reticle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.barcode-reticle .bc-corner{position:absolute;width:28px;height:28px;border:2px solid rgba(255,255,255,.9)}.bc-tl{top:32%;left:calc(50% - 140px);border-right:0;border-bottom:0;border-radius:14px 0 0}.bc-tr{top:32%;right:calc(50% - 140px);border-left:0;border-bottom:0;border-radius:0 14px 0 0}.bc-bl{bottom:32%;left:calc(50% - 140px);border-right:0;border-top:0;border-radius:0 0 0 14px}.bc-br{bottom:32%;right:calc(50% - 140px);border-left:0;border-top:0;border-radius:0 0 14px}.bc-line{position:absolute;top:32%;bottom:32%;left:calc(50% - 140px);right:calc(50% - 140px);border-top:2px solid rgba(232,97,126,.7);box-shadow:0 0 12px #e8617e80}.barcode-actions{position:absolute;bottom:max(env(safe-area-inset-bottom),20px);left:0;right:0;display:flex;justify-content:center;padding:0 20px}.purchase-button{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 12px;font-size:13px;font-weight:600;color:var(--color-coral-text);background:var(--color-blush);border-radius:999px;text-decoration:none;white-space:normal;text-align:center;justify-content:center;width:fit-content;max-width:100%;cursor:pointer}.purchase-button:hover{background:#ffd9d4}.coupang-dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;box-sizing:border-box;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#2a2424a8;animation:coupang-dialog-fade .14s ease-out}.coupang-dialog-panel{width:min(100%,360px);box-sizing:border-box;max-height:calc(100vh - 32px - env(safe-area-inset-bottom));overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:22px 20px 18px;border-radius:18px;background:var(--color-surface);color:var(--color-ink);box-shadow:0 18px 48px #2a242433;animation:coupang-dialog-rise .16s ease-out}.coupang-dialog-wordmark{margin:0;text-align:center;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#3f3b3b}.coupang-dialog-photo{aspect-ratio:1/1;max-height:42vh;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-line);border-radius:12px;background:#faf7f5}.coupang-dialog-photo img{width:100%;height:100%;object-fit:contain}.coupang-dialog-name{margin:2px 0 0;text-align:center;font-size:15px;font-weight:650;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.coupang-dialog-rocket{align-self:center;margin:0;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:#f2efec;color:var(--color-ink);font-size:12px;font-weight:700;line-height:1.35;white-space:nowrap}.coupang-dialog-shop{width:100%;min-height:52px;box-sizing:border-box;margin:4px 0 0;padding:12px 16px;border:0;border-radius:10px;background:#af463f;color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1.4}.coupang-dialog-notice{margin:0;padding:12px 14px 12px 30px;list-style:disc;border-radius:10px;background:#faf7f5;color:var(--color-muted);font-size:12px;line-height:1.6}.coupang-dialog-notice>li+li{margin-top:6px}.coupang-dialog-close{width:100%;min-height:48px;box-sizing:border-box;padding:11px 16px;border:1px solid var(--color-line);border-radius:10px;background:var(--color-surface);color:var(--color-muted);font:inherit;font-size:14px;font-weight:650;line-height:1.4}.coupang-dialog-panel button:focus-visible{outline:2px solid #af463f;outline-offset:3px}@media(max-width:360px){.coupang-dialog-backdrop{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.coupang-dialog-panel{padding:18px 16px 16px;gap:10px}.coupang-dialog-photo{max-height:34vh}}@keyframes coupang-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes coupang-dialog-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.coupang-dialog-backdrop,.coupang-dialog-panel{animation:none}}.email-otp-row{display:flex;flex-direction:column;gap:8px;width:100%}.email-otp-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface);color:var(--color-ink)}.email-otp-input:focus{outline:none;border-color:var(--color-coral-text);box-shadow:0 0 0 3px #d96b5f1f}.email-otp-button{width:100%}.email-otp-hint{font-size:13px;color:var(--color-good);margin:4px 0 0}.email-otp-hint.error{color:var(--color-danger)}.home-diagnosis-group{display:flex;flex-direction:column;gap:4px}.home-diagnosis-hint{margin:0 2px 10px;font-size:13px;line-height:1.5;color:var(--color-muted)}.skin-overview-card{display:flex;flex-direction:column;gap:14px}.skin-overview-block{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--color-line)}.skin-overview-block:first-of-type{border-top:0;padding-top:0}.skin-overview-eyebrow{margin:0;font-size:12px;font-weight:var(--fw-sub);color:var(--color-muted)}.skin-overview-note{margin:0;font-size:12px;line-height:1.55;color:var(--color-muted)}.skin-overview-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.home-dashboard{gap:12px;padding:14px 16px 28px;background:var(--color-bg)}.dashboard-header{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px}.dashboard-avatar{display:grid;place-items:center;width:54px;height:54px;padding:0;overflow:hidden;border:0;border-radius:50%;background:var(--color-sage);color:var(--color-good)}.dashboard-avatar img{width:54px;height:54px;object-fit:contain}.dashboard-avatar svg{width:24px;height:24px}.dashboard-greeting{min-width:0}.dashboard-greeting p{margin:0;overflow:hidden;color:var(--color-ink);font-size:23px;font-weight:var(--fw-heading);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.dashboard-greeting span{display:block;margin-top:3px;overflow:hidden;color:var(--color-muted);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.tutorial-pill{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 10px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-coral-text);font-size:12px;font-weight:var(--fw-sub)}.tutorial-pill svg{width:16px;height:16px}.skin-routine-strip{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;padding:11px 14px;border:0;border-radius:22px;background:var(--color-mint);color:var(--color-ink);text-align:left}.skin-routine-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--color-sage);color:var(--color-good)}.skin-routine-icon svg{width:22px;height:22px}.skin-routine-strip strong,.skin-routine-strip small{display:block}.skin-routine-strip strong{font-size:16px}.skin-routine-strip small{margin-top:3px;color:var(--color-muted);font-size:11.5px}.dashboard-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:12px}.dashboard-feature-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:168px;padding:18px;border:0;border-radius:25px;color:var(--color-ink);text-align:left}.dashboard-feature-card.tone-blush{background:var(--color-blush)}.dashboard-feature-card.tone-lavender{background:#8f82a833}.dashboard-feature-card.tone-sage{background:var(--color-sage)}.dashboard-feature-card.tone-cream{background:var(--color-cream);border:1px solid var(--color-line)}.dashboard-feature-art{display:grid;place-items:center;width:100%;min-height:76px;margin-bottom:8px;color:var(--color-coral-text)}.tone-lavender .dashboard-feature-art{color:var(--color-lavender)}.tone-sage .dashboard-feature-art{color:var(--color-good)}.tone-cream .dashboard-feature-art{color:var(--color-warning)}.dashboard-feature-art svg{width:54px;height:54px;stroke-width:1.5}.dashboard-feature-card strong{font-size:17px;line-height:1.25}.dashboard-feature-card small{margin-top:5px;color:var(--color-muted);font-size:11.5px;line-height:1.4}.dashboard-section-title{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.dashboard-section-title h2{margin:0;font-size:21px}.dashboard-section-title button{min-height:44px;border:0;background:transparent;color:var(--color-good);font-size:13px;font-weight:var(--fw-sub)}.dashboard-recommend-scroll{display:flex;gap:10px;padding:0 0 4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.dashboard-recommend-scroll::-webkit-scrollbar{display:none}.dashboard-recommend-scroll>button{flex:0 0 146px;min-height:218px;padding:12px;border:1px solid var(--color-line);border-radius:24px;background:var(--color-surface);color:var(--color-ink);text-align:left;scroll-snap-align:start}.recommend-art{display:grid;place-items:center;width:100%;height:142px;margin-bottom:10px;border-radius:18px;background:var(--color-mint);color:var(--color-good)}.recommend-art-mate{background:var(--color-blush)}.recommend-art img{width:106px;height:106px;object-fit:contain}.recommend-art svg{width:54px;height:54px}.dashboard-recommend-scroll small{display:block;color:var(--color-good);font-size:11px;font-weight:var(--fw-sub)}.dashboard-recommend-scroll strong{display:block;margin-top:5px;font-size:14px;line-height:1.3}.dashboard-helper-banner{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:92px;padding:14px;border:1px solid var(--color-line);border-radius:24px;background:var(--color-surface);color:var(--color-ink);text-align:left}.dashboard-helper-banner>span:first-child{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--color-sage);color:var(--color-good)}.dashboard-helper-banner svg{width:27px;height:27px}.dashboard-helper-banner small,.dashboard-helper-banner strong{display:block}.dashboard-helper-banner small{color:var(--color-muted);font-size:11px}.dashboard-helper-banner strong{margin-top:4px;font-size:14px;line-height:1.35}.dashboard-helper-banner b{padding:10px 13px;border-radius:999px;background:var(--color-blush);color:var(--color-coral-text);font-size:12px}.home-trust-line{display:flex;gap:6px;margin:2px 2px 0;color:var(--color-muted);font-size:10.5px;line-height:1.45}.home-trust-line svg{flex:0 0 15px;width:15px;height:15px}.home-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 12px}.home-header-text{display:flex;flex-direction:column;gap:2px}.home-greeting{margin:0;font-size:13px;color:var(--color-muted);font-weight:600}.home-score-label{margin:0;font-size:20px;font-weight:800;color:var(--color-ink);letter-spacing:-.3px}.home-header-icons{display:flex;gap:8px}.icon-pill{width:38px;height:38px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-line);display:flex;align-items:center;justify-content:center;color:var(--color-muted);cursor:pointer;padding:0}.icon-pill svg{width:18px;height:18px}.home-hero-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:24px;background:linear-gradient(135deg,var(--color-coral),#e89086);color:#fff;box-shadow:0 8px 22px #d96b5f2e}.home-hero-mate{flex:0 0 auto;width:120px;height:120px;border-radius:20px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;overflow:hidden}.home-hero-mate-empty{font-size:40px;opacity:.8}.home-hero-info{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}.home-hero-score-row{display:flex;align-items:baseline;gap:3px}.home-hero-score{font-size:40px;font-weight:800;line-height:1}.home-hero-score-unit{font-size:14px;opacity:.9}.home-hero-name{font-size:17px;font-weight:700}.home-hero-sub{font-size:12px;opacity:.85}.home-rail-head{margin:18px 2px 10px}.home-rail-head strong{font-size:15px;font-weight:800;color:var(--color-ink)}.home-rail{display:flex;gap:12px;overflow-x:auto;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}.home-rail::-webkit-scrollbar{display:none}.home-rail-card{flex:0 0 140px;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-line);cursor:pointer;text-align:left}.home-rail-art{width:40px;height:40px;border-radius:12px;background:var(--color-blush);color:var(--color-coral-text);display:flex;align-items:center;justify-content:center}.home-rail-art svg{width:20px;height:20px}.home-rail-card small{font-size:11px;color:var(--color-muted);font-weight:600}.home-rail-card strong{font-size:14px;font-weight:700;color:var(--color-ink)}.home-skin-state-card{margin-top:14px;padding:14px 16px;border-radius:20px;background:var(--color-surface);border:1px solid var(--color-line);display:flex;flex-direction:column;gap:10px}.home-skin-state-head{display:flex;align-items:center;justify-content:space-between}.home-skin-state-head strong{font-size:14px;font-weight:700;color:var(--color-ink)}.home-skin-state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.home-skin-state-grid span{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--color-blush);border-radius:12px;padding:8px 4px}.home-skin-state-grid small{font-size:11px;color:var(--color-muted);font-weight:600}.home-skin-state-grid b{font-size:18px;font-weight:800;color:var(--color-coral-text)}.home-skin-state-empty{align-items:flex-start}.home-skin-state-empty small{color:var(--color-muted);font-size:12px}@media(max-width:360px){.home-hero{padding:4px 8px;gap:8px}.home-hero-avatar{width:56px;height:56px;border-radius:15px;overflow:hidden}.home-hero-avatar img,.home-hero-avatar svg{width:58px!important;height:58px!important}.home-hero-name{font-size:15px}.home-hero-meta{font-size:11px}.home-skin-state-card{margin-top:4px;padding:5px 9px;gap:4px}.home-skin-state-grid{gap:4px}.home-skin-state-grid span{padding:4px 2px}.home-skin-state-grid small{font-size:9px}.home-skin-state-grid b{font-size:13px}.home-primary-cta{margin-top:6px;padding:10px 12px;gap:10px}.home-primary-cta-icon{width:38px;height:38px}.home-primary-cta-text strong{font-size:13.5px}.home-primary-cta-text small{font-size:10.5px}.home-next-card{margin-top:4px;padding:8px 11px;gap:9px}.home-next-card-art{width:32px;height:32px}.home-next-card-text strong{font-size:12.5px}}.home-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:24px;background:linear-gradient(135deg,var(--color-surface),var(--color-blush));box-shadow:0 8px 22px #d96b5f1a}.home-hero-avatar{flex:0 0 auto;width:88px;height:88px;padding:0;border:1px solid var(--color-line);border-radius:22px;background:var(--color-surface);cursor:pointer;display:flex;align-items:center;justify-content:center}.home-hero-avatar-empty{color:var(--color-coral);font-size:30px}.home-hero-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.home-hero-greeting{margin:0;color:var(--color-muted);font-size:13px;font-weight:600}.home-hero-name{font-size:19px;font-weight:800;color:var(--color-coral-text);letter-spacing:-.3px}.home-hero-meta{font-size:12.5px;color:var(--color-muted);line-height:1.4}.home-hero-meta b{color:var(--color-ink);font-weight:700}.home-hero-help{flex:0 0 auto}.home-primary-cta{display:flex;align-items:center;gap:14px;width:100%;margin-top:14px;padding:16px 18px;border:0;border-radius:20px;background:linear-gradient(135deg,var(--color-coral),#e89086);color:#fff;box-shadow:0 12px 26px #d96b5f4d;cursor:pointer;text-align:left}.home-primary-cta-icon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:#ffffff38;display:flex;align-items:center;justify-content:center}.home-primary-cta-icon svg{width:24px;height:24px}.home-primary-cta-text{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.home-primary-cta-text strong{font-size:17px;font-weight:800;letter-spacing:-.3px}.home-primary-cta-text small{font-size:12.5px;opacity:.92;font-weight:500}.home-primary-cta-go{flex:0 0 auto;font-size:22px;opacity:.9}.home-next-card{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px 16px;border:1px solid var(--color-line);border-radius:18px;background:var(--color-surface);cursor:pointer;text-align:left}.home-next-card-art{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--color-blush);color:var(--color-coral-text);display:flex;align-items:center;justify-content:center}.home-next-card-art svg{width:20px;height:20px}.home-next-card-text{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.home-next-card-text small{font-size:11px;color:var(--color-muted);font-weight:700}.home-next-card-text strong{font-size:15px;font-weight:700;color:var(--color-ink)}.home-next-card-go{flex:0 0 auto;color:var(--color-muted);font-size:18px}.home-more{margin-top:18px;border-top:1px solid var(--color-line);padding-top:6px}.home-more>summary{cursor:pointer;list-style:none;padding:10px 2px;font-size:14px;font-weight:700;color:var(--color-coral-text);display:flex;align-items:center;justify-content:space-between}.home-more>summary::-webkit-details-marker{display:none}.home-more>summary:after{content:"›";font-size:18px;transition:transform .2s}.home-more[open]>summary:after{transform:rotate(90deg)}.home-more[open]>summary{margin-bottom:14px}.home-more .skin-routine-strip{margin-top:4px}@media(prefers-reduced-motion:reduce){.home-more>summary:after{transition:none}}@media(max-width:359px){.home-hero{gap:10px;padding:14px}.home-hero-avatar{width:80px;height:80px;border-radius:20px}.home-hero-greeting{font-size:12px}.home-hero-name{font-size:16px;line-height:1.28;letter-spacing:-.45px}.home-hero-meta{font-size:11.5px}.home-hero-help{min-height:40px;padding:0 8px;font-size:11px}}.mate-reveal-cta{margin-top:10px}.mate-details{margin-top:14px;border-top:1px solid var(--color-line);padding-top:6px}.mate-details>summary{cursor:pointer;list-style:none;padding:10px 2px;font-size:14px;font-weight:700;color:var(--color-coral-text);display:flex;align-items:center;justify-content:space-between}.mate-details>summary::-webkit-details-marker{display:none}.mate-details>summary:after{content:"›";font-size:18px;transition:transform .2s}.mate-details[open]>summary:after{transform:rotate(90deg)}.mate-details[open]>summary{margin-bottom:14px}@media(prefers-reduced-motion:reduce){.mate-details>summary:after{transition:none}}.product-detail-tabs{display:flex;gap:6px;margin:6px 0 14px;padding:4px;background:var(--color-blush);border-radius:14px}.product-detail-tabs button{flex:1;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--color-muted);font-weight:700;font-size:14px;cursor:pointer}.product-detail-tabs button.is-active{background:var(--color-surface);color:var(--color-coral-text);box-shadow:0 2px 6px #b45a461a}.product-info-card{display:flex;flex-direction:column;gap:6px}.detail-redesign .product-info-card{gap:4px}.detail-redesign .product-info-card>*{margin-block:0}.detail-redesign .detail-recommendation-context{margin-block:4px 10px}.product-info-card .product-identity-badge{align-self:flex-start}.daypart-tabs{display:flex;gap:6px;margin:6px 0 14px;padding:4px;background:var(--color-blush);border-radius:14px}.daypart-tabs button{flex:1;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--color-muted);font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.daypart-tabs button.is-active{background:var(--color-surface);color:var(--color-coral-text);box-shadow:0 2px 6px #b45a461a}.daypart-tabs button small{font-size:11px;font-weight:600;opacity:.8}.menu-tutorial-replay{align-self:center;min-height:44px;padding:0 14px;border:0;background:transparent;color:var(--color-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.unknown-answer{align-self:flex-start;min-height:44px;margin-top:8px;padding:0 12px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-muted);font-size:12px}.demographic-step fieldset{margin:16px 0 0;padding:0;border:0}.demographic-step legend{margin-bottom:9px;color:var(--color-ink);font-size:14px;font-weight:var(--fw-sub)}.diagnosis-encouragement{margin:-4px 2px 0;color:var(--color-good);font-size:13px;line-height:1.5;text-align:center}.bottom-nav{display:flex;align-items:center;gap:10px;padding:10px 14px calc(14px + env(safe-area-inset-bottom));border-top:0;background:#fffdfcfa}.nav-pill{display:grid;grid-template-columns:repeat(4,1fr);flex:1;min-width:0;min-height:68px;padding:6px;border:1px solid var(--color-line);border-radius:34px;background:var(--color-surface);box-shadow:var(--shadow-soft)}.nav-pill .nav-item{min-width:0;border:0}.nav-pill .nav-item-active:before{display:none}.nav-fab{position:static;flex:0 0 62px;width:62px;height:62px;transform:none;order:2;border:0;background:var(--color-good);box-shadow:0 12px 24px #4f8a6640}.nav-pill{order:1}.tutorial-backdrop{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;padding:18px;background:#2a24246b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tutorial-backdrop-with-nav{bottom:calc(92px + env(safe-area-inset-bottom))}.tutorial-sheet{width:100%;max-height:calc(100% - 36px);overflow-y:auto;overscroll-behavior:contain;padding:20px 20px max(20px,env(safe-area-inset-bottom));border-radius:28px;background:var(--color-surface);box-shadow:0 24px 60px #2a242438;-webkit-overflow-scrolling:touch}.tutorial-topline{display:flex;justify-content:space-between;color:var(--color-muted);font-size:12px}.tutorial-topline button{border:0;background:transparent;color:var(--color-muted)}.tutorial-topline button{min-width:44px;min-height:44px}.tutorial-progress{height:5px;margin-top:10px;overflow:hidden;border-radius:999px;background:var(--color-line)}.tutorial-progress span{display:block;height:100%;border-radius:inherit;background:var(--color-coral);transition:width .18s ease}.tutorial-visual{display:grid;place-items:center;width:88px;height:88px;margin:24px auto 16px;border-radius:28px;background:var(--color-blush);color:var(--color-coral-text)}.tutorial-visual svg{width:48px;height:48px}.tutorial-sheet h2{margin:0;text-align:center;font-size:23px}.tutorial-sheet>p{min-height:66px;margin:10px 0 20px;color:var(--color-muted);font-size:14px;line-height:1.6;text-align:center}.tutorial-actions{position:sticky;bottom:0;z-index:1;display:flex;gap:8px;padding-top:10px;background:var(--color-surface)}.tutorial-actions button{flex:1;min-height:52px}.tutorial-story-backdrop{align-items:stretch;padding:0;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(242,167,179,.28),transparent 26%),radial-gradient(circle at 88% 72%,rgba(246,199,124,.25),transparent 28%),#fff8f3;-webkit-backdrop-filter:none;backdrop-filter:none}.tutorial-story-backdrop:before,.tutorial-story-backdrop:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;filter:blur(45px);opacity:.28;pointer-events:none}.tutorial-story-backdrop:before{top:12%;right:-90px;background:var(--color-coral)}.tutorial-story-backdrop:after{bottom:5%;left:-100px;background:#f3c96f}.tutorial-story-sheet{position:relative;z-index:1;width:100%;max-height:none;min-height:100%;padding:max(18px,env(safe-area-inset-top)) 20px max(18px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(300px,1fr) auto auto;overflow:hidden;border-radius:0;background:transparent;box-shadow:none}.tutorial-story-topline{display:flex;align-items:center;gap:12px}.tutorial-story-topline>button{flex:0 0 auto;min-width:58px;min-height:44px;padding:0;border:0;background:transparent;color:var(--color-muted);font-size:12px}.tutorial-story-progress{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tutorial-story-progress>span{position:relative;height:4px;overflow:hidden;border-radius:99px;background:#60504b21}.tutorial-story-progress>span i{position:absolute;inset:0;width:0;border-radius:inherit;background:var(--color-coral)}.tutorial-story-progress>span.is-complete i{width:100%}.tutorial-story-progress>span.is-active i{width:64%;animation:tutorial-progress-breathe 2.4s ease-in-out infinite}.tutorial-story-stage{min-height:0;display:grid;place-items:center;animation:tutorial-stage-enter .42s ease both}.tutorial-story-copy{padding:2px 8px 18px;text-align:center}.tutorial-story-copy>span{color:var(--color-coral-text);font-size:12px;font-weight:var(--fw-heading)}.tutorial-story-copy h2{margin:8px 0 0;color:var(--color-ink);font-size:clamp(23px,6.5vw,28px);line-height:1.25;letter-spacing:-.045em}.tutorial-story-copy h2 span{display:block}.tutorial-story-copy p{max-width:340px;margin:10px auto 0;color:var(--color-muted);font-size:13px;line-height:1.55}.tutorial-story-actions{display:flex;gap:8px}.tutorial-story-actions .primary-button{flex:1;min-height:54px;border-radius:18px}.tutorial-story-back{flex:0 0 54px;min-height:54px;border:1px solid var(--color-line);border-radius:18px;background:#ffffffb8;color:var(--color-ink);font-size:20px}.tutorial-story-demo{position:relative;width:min(100%,320px);height:min(43vh,390px);min-height:310px;display:grid;place-items:center}.tutorial-mini-phone,.tutorial-scan-phone,.tutorial-routine-phone,.tutorial-history-phone{position:relative;width:238px;min-height:326px;padding:17px 15px;overflow:hidden;border:5px solid #292725;border-radius:34px;background:#fffffff0;box-shadow:0 24px 48px #4b342d29}.tutorial-mini-phone:before,.tutorial-scan-phone:before,.tutorial-routine-phone:before,.tutorial-history-phone:before{content:"";position:absolute;z-index:3;top:7px;left:50%;width:55px;height:12px;border-radius:99px;transform:translate(-50%);background:#292725}.tutorial-mini-phone{display:grid;justify-items:center;align-content:center;gap:8px;background:linear-gradient(180deg,#fff,#fff8ef)}.tutorial-mini-label{color:var(--color-muted);font-size:10px;font-weight:var(--fw-sub)}.tutorial-mate-halo{position:absolute;top:76px;width:154px;height:154px;border-radius:50%;background:radial-gradient(circle,rgba(235,191,103,.28),transparent 68%);animation:tutorial-halo 2.5s ease-in-out infinite}.tutorial-mini-phone img{position:relative;z-index:1;width:156px;height:156px;object-fit:contain;animation:tutorial-mate-float 2.8s ease-in-out infinite}.tutorial-mini-phone>strong{color:var(--color-ink);font-size:15px}.tutorial-mate-chips{display:flex;justify-content:center;gap:4px}.tutorial-mate-chips span{padding:5px 7px;border-radius:99px;background:var(--color-mint);color:var(--color-good);font-size:8px;animation:tutorial-chip-pop 2.8s ease-in-out infinite both}.tutorial-mate-chips span:nth-child(2){animation-delay:.12s}.tutorial-mate-chips span:nth-child(3){animation-delay:.24s}.tutorial-sparkle{position:absolute;color:#e7b851;font-size:25px;animation:tutorial-sparkle 1.8s ease-in-out infinite}.sparkle-one{top:23%;left:7%}.sparkle-two{right:5%;bottom:26%;animation-delay:.6s}.tutorial-scan-phone{padding-top:34px;background:#171614;color:#fff}.tutorial-scan-title{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:var(--fw-sub)}.tutorial-scan-title svg{width:14px;height:14px}.tutorial-scan-frame{position:relative;height:212px;margin-top:12px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.8);border-radius:22px;background:radial-gradient(circle at 40% 35%,#5c554e,#24211f 66%)}.tutorial-product-bottle{position:relative;width:76px;height:142px;display:grid;place-content:center;justify-items:center;border-radius:11px 11px 18px 18px;background:linear-gradient(90deg,#eac9a9,#fff2dc 45%,#ddb589);color:#4b4037;box-shadow:0 14px 25px #00000040;animation:tutorial-product-turn 3.2s ease-in-out infinite}.tutorial-product-bottle i{position:absolute;top:-25px;width:30px;height:29px;border-radius:5px 5px 0 0;background:#e7ded5}.tutorial-product-bottle b{font-size:9px;letter-spacing:.12em}.tutorial-product-bottle small{margin-top:4px;font-size:6px}.tutorial-scan-beam{position:absolute;left:12px;right:12px;top:16px;height:2px;background:var(--color-coral);box-shadow:0 0 13px 4px #d96b5f75;animation:tutorial-scan-sweep 2.2s ease-in-out infinite}.tutorial-scan-tabs{height:34px;margin-top:10px;padding:3px;display:grid;grid-template-columns:1fr 1fr;border-radius:99px;background:#080807;color:#ffffff8c;font-size:7px}.tutorial-scan-tabs>*{display:grid;place-items:center;border-radius:99px}.tutorial-scan-tabs strong{background:var(--color-coral);color:#fff}.tutorial-match-toast{position:absolute;z-index:4;right:-1px;bottom:38px;min-width:215px;padding:11px 13px;display:flex;align-items:center;gap:9px;border-radius:15px;background:#fffffff0;color:var(--color-ink);box-shadow:0 14px 28px #3e2d272e;animation:tutorial-toast 3.2s ease-in-out infinite}.tutorial-match-toast>svg{width:22px;color:var(--color-good)}.tutorial-match-toast span{display:grid;gap:2px}.tutorial-match-toast strong{font-size:11px}.tutorial-match-toast small{color:var(--color-muted);font-size:8px}.tutorial-routine-phone{padding-top:38px}.tutorial-today-card{padding:13px;border-radius:17px;background:linear-gradient(135deg,var(--color-mint),#fff8ec);animation:tutorial-card-breathe 3s ease-in-out infinite}.tutorial-today-card>span{display:block;color:var(--color-muted);font-size:8px}.tutorial-today-card>strong{display:block;margin-top:4px;font-size:12px}.tutorial-today-card>div{display:flex;gap:4px;margin-top:10px}.tutorial-today-card i{width:27%;height:5px;border-radius:99px;background:var(--color-coral);opacity:.5}.tutorial-today-card i:nth-child(2){width:40%;opacity:.8}.tutorial-routine-switch{margin:12px 0 8px;padding:3px;display:grid;grid-template-columns:1fr 1fr;border-radius:99px;background:var(--color-cream);font-size:8px;text-align:center}.tutorial-routine-switch>*{padding:6px;border-radius:99px}.tutorial-routine-switch strong{background:#fff;color:var(--color-coral-text);box-shadow:0 2px 6px #46373214}.tutorial-routine-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.tutorial-routine-list li{min-height:50px;padding:8px 9px;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:7px;border:1px solid var(--color-line);border-radius:13px;opacity:0;transform:translateY(12px);animation:tutorial-routine-row 3.5s ease-in-out infinite}.tutorial-routine-list li:nth-child(2){animation-delay:.16s}.tutorial-routine-list li:nth-child(3){animation-delay:.32s}.tutorial-routine-list li>b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--color-blush);color:var(--color-coral-text);font-size:8px}.tutorial-routine-list li>span{display:grid;gap:2px}.tutorial-routine-list li strong{font-size:9px}.tutorial-routine-list li small{color:var(--color-muted);font-size:7px}.tutorial-routine-list svg{width:15px;color:var(--color-good)}.tutorial-history-phone{padding-top:40px}.tutorial-history-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:var(--fw-heading)}.tutorial-history-head svg{width:17px;color:var(--color-good)}.tutorial-history-week,.tutorial-history-dots{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.tutorial-history-week{margin-top:22px;color:var(--color-muted);font-size:7px}.tutorial-history-dots{margin-top:8px;justify-items:center}.tutorial-history-dots i{width:17px;height:17px;border-radius:50%;background:var(--color-cream)}.tutorial-history-dots i:nth-child(3),.tutorial-history-dots i:nth-child(5),.tutorial-history-dots i:nth-child(7){background:var(--color-blush);animation:tutorial-history-dot 2.8s ease-in-out infinite}.tutorial-history-chart{height:80px;margin-top:24px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--color-line)}.tutorial-history-chart span{width:14px;height:35%;border-radius:7px 7px 0 0;background:var(--color-sage);transform-origin:bottom;animation:tutorial-chart-grow 3s ease-in-out infinite}.tutorial-history-chart span:nth-child(2){height:48%;animation-delay:.1s}.tutorial-history-chart span:nth-child(3){height:42%;animation-delay:.2s}.tutorial-history-chart span:nth-child(4){height:64%;animation-delay:.3s}.tutorial-history-chart span:nth-child(5){height:58%;animation-delay:.4s}.tutorial-history-chart span:nth-child(6){height:75%;animation-delay:.5s}.tutorial-history-chart span:nth-child(7){height:68%;animation-delay:.6s}.tutorial-device-note{margin-top:22px;padding:10px;display:flex;align-items:center;gap:8px;border-radius:13px;background:var(--color-mint);color:var(--color-good)}.tutorial-device-note>svg{width:22px}.tutorial-device-note>span{display:grid;gap:2px}.tutorial-device-note strong{font-size:9px}.tutorial-device-note small{font-size:7px}@keyframes tutorial-stage-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes tutorial-progress-breathe{0%,to{width:50%}50%{width:78%}}@keyframes tutorial-halo{50%{transform:scale(1.12);opacity:.7}}@keyframes tutorial-mate-float{50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes tutorial-chip-pop{0%,20%{transform:translateY(6px);opacity:0}35%,80%{transform:none;opacity:1}to{opacity:.65}}@keyframes tutorial-sparkle{50%{transform:scale(1.3) rotate(18deg);opacity:.45}}@keyframes tutorial-product-turn{50%{transform:rotateY(12deg) translateY(-4px)}}@keyframes tutorial-scan-sweep{0%,10%{transform:translateY(0);opacity:0}25%{opacity:1}80%{transform:translateY(176px);opacity:1}to{transform:translateY(176px);opacity:0}}@keyframes tutorial-toast{0%,35%{transform:translateY(12px) scale(.94);opacity:0}48%,82%{transform:none;opacity:1}to{transform:translateY(-5px);opacity:0}}@keyframes tutorial-card-breathe{50%{transform:translateY(-3px);box-shadow:0 10px 22px #5d7c5d1f}}@keyframes tutorial-routine-row{0%,15%{transform:translateY(12px);opacity:0}28%,82%{transform:none;opacity:1}to{opacity:.6}}@keyframes tutorial-history-dot{50%{transform:scale(1.22);box-shadow:0 0 0 5px #d96b5f17}}@keyframes tutorial-chart-grow{0%,12%{transform:scaleY(.12);opacity:.35}35%,85%{transform:scaleY(1);opacity:1}to{transform:scaleY(.75);opacity:.7}}@media(max-height:720px){.tutorial-story-sheet{grid-template-rows:auto minmax(260px,1fr) auto auto}.tutorial-story-demo{min-height:260px;height:37vh;transform:scale(.84)}.tutorial-story-copy{padding-bottom:10px}.tutorial-story-copy p{margin-top:6px;font-size:12px}}@media(prefers-reduced-motion:reduce){.tutorial-story-sheet *,.tutorial-story-sheet *:before,.tutorial-story-sheet *:after{animation:none!important}.tutorial-routine-list li{opacity:1;transform:none}.tutorial-story-progress>span.is-active i{width:64%}}.mate-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;text-align:left}.mate-care-grid section{padding:14px;border-radius:16px;background:var(--color-cream)}.mate-care-grid section:last-child{background:var(--color-mint)}.mate-care-grid h2{margin:0 0 8px;font-size:14px}.mate-care-grid ul{display:grid;gap:7px;margin:0;padding-left:17px;color:var(--color-muted);font-size:11.5px;line-height:1.45}.owned-product-note{margin:-2px 0 4px;padding:13px 15px;border-radius:16px;background:var(--color-mint);color:var(--color-good);font-size:14px;line-height:1.55}.owned-product-note strong{color:var(--color-ink)}.recommendation-method-note{margin:3px 2px 0;color:var(--color-muted);font-size:12px;line-height:1.55}.budget-selector{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px}.budget-selector>span{width:100%;color:var(--color-muted);font-size:13px;font-weight:var(--fw-sub)}.budget-selector .chip{min-height:44px;padding:0 15px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-muted)}.budget-selector .chip-selected{border-color:var(--color-good);background:var(--color-sage);color:var(--color-good);font-weight:var(--fw-sub)}.cp-reason,.cp-updated{display:block;margin-top:5px;line-height:1.45}.cp-reason{color:var(--color-ink);font-size:13px}.cp-updated{color:var(--color-muted);font-size:11px}.rewards-preview-card{display:grid;gap:12px;margin-top:14px}.online-option-panel{display:grid;gap:10px;margin-top:14px}.online-option-panel h2,.online-option-panel p{margin:0}.online-option-panel h2{font-size:20px}.online-option-panel>p:not(.eyebrow){color:var(--color-muted);font-size:14px;line-height:1.55}.online-option-panel ul{display:grid;gap:10px;margin:2px 0 0;padding:0;list-style:none}.online-option-panel li{display:grid;gap:9px;padding-top:11px;border-top:1px solid var(--color-line)}.online-option-panel li>span strong,.online-option-panel li>span small{display:block}.online-option-panel li>span strong{font-size:14px}.online-option-panel li>span small{margin-top:3px;color:var(--color-muted);font-size:11px}.rewards-preview-card>p{margin:0;color:var(--color-muted);font-size:14px;line-height:1.55}.rewards-preview-card{background:linear-gradient(145deg,var(--color-cream),var(--color-surface))}.rewards-preview-card h2{margin:0;font-size:20px}.rewards-preview-card .secondary-button{min-height:48px}.rewards-preview-card .text-button{justify-self:start;min-height:44px}.rewards-preview-card small{color:var(--color-muted);font-size:11px;line-height:1.5}.mate-result-section{width:100%;padding:18px;border:1px solid var(--color-line);border-radius:20px;background:var(--color-surface);text-align:left}.mate-result-section .eyebrow{margin:0 0 5px}.mate-result-section h2{margin:0 0 12px;font-size:19px}.mate-ingredient-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mate-ingredient-list li{padding:12px;border-radius:14px;background:var(--color-blush)}.mate-ingredient-list strong,.mate-ingredient-list span{display:block}.mate-ingredient-list strong{font-size:15px}.mate-ingredient-list span{margin-top:4px;color:var(--color-muted);font-size:13px;line-height:1.45}.mate-routine-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mate-routine-grid>div{padding:13px;border-radius:15px;background:var(--color-mint)}.mate-routine-grid>div:last-child{background:var(--color-cream)}.mate-routine-grid strong{font-size:15px}.mate-routine-grid ol{display:grid;gap:6px;margin:9px 0 0;padding-left:19px;color:var(--color-muted);font-size:12px;line-height:1.4}.mate-result-section .action-row{margin-top:13px}.share-landing-screen{display:flex;flex-direction:column;align-items:center;width:min(100%,480px);min-height:100dvh;margin:0 auto;padding:max(38px,env(safe-area-inset-top)) 24px max(36px,env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--color-mint) 0,var(--color-bg) 42%);color:var(--color-ink);text-align:center}.share-landing-screen .skin-mate-character{margin:18px 0 5px}.share-type-code{margin:0;color:var(--color-lavender);font-weight:700;letter-spacing:.08em}.share-landing-screen h1{margin:8px 0;font-size:clamp(28px,8vw,38px)}.share-card-line{max-width:360px;margin:0;color:var(--color-muted);font-size:16px;line-height:1.6}.share-care-card{width:100%;margin:24px 0 14px;padding:18px;border-radius:22px;background:var(--color-surface);box-shadow:var(--shadow-soft);text-align:left}.share-care-card h2{margin:0 0 10px;font-size:19px}.share-care-card p{margin:7px 0;color:var(--color-muted);font-size:15px;line-height:1.5}.share-pretty-copy{margin:6px 0 20px;color:var(--color-coral-text);font-size:15px;line-height:1.6}.share-landing-screen .primary-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:54px;text-decoration:none}.share-landing-screen>small{margin-top:14px;color:var(--color-muted);font-size:12px;line-height:1.45}.share-invalid{justify-content:center;background:var(--color-bg)}.share-invalid>p:not(.eyebrow){margin:6px 0 24px;color:var(--color-muted);font-size:16px;line-height:1.6}.ingredient-details{border:1px solid var(--color-line);border-radius:20px;background:var(--color-surface)}.ingredient-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:13px 16px;cursor:pointer;list-style:none}.ingredient-details>summary::-webkit-details-marker{display:none}.ingredient-details>summary span,.ingredient-details>summary strong,.ingredient-details>summary small{display:block}.ingredient-details>summary strong{font-size:16px}.ingredient-details>summary small{margin-top:4px;color:var(--color-muted);font-size:12px;font-weight:400}.ingredient-details>summary b{flex:0 0 auto;color:var(--color-good);font-size:13px}.ingredient-details[open]>summary b span{display:inline-block;transform:rotate(180deg)}.ingredient-details .result-list{padding:0 12px 12px}.safety-hold-notice{display:grid;gap:11px;width:100%;padding:22px;background:var(--color-cream);text-align:left}.safety-hold-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:var(--color-blush);color:var(--color-coral-text)}.safety-hold-icon svg{width:28px;height:28px}.safety-hold-notice h1{margin:0;font-size:24px}.safety-hold-notice>p:not(.eyebrow){margin:0;color:var(--color-muted);font-size:15px;line-height:1.6}.safety-hold-notice .safety-hold-emergency{color:var(--color-coral-text)!important;font-weight:var(--fw-sub)}.safety-hold-notice small{color:var(--color-muted);font-size:12px;line-height:1.5}.safety-result-stop{padding:15px;border-radius:16px;background:var(--color-cream);color:var(--color-coral-text);font-size:14px;line-height:1.55}.safety-question .safety-chip{border-color:var(--color-coral-text);background:var(--color-blush);color:var(--color-coral-text)}@media(max-width:480px){.app-shell{padding:0}.app-frame{width:100%;height:100dvh;border:0;border-radius:0}.app-frame:before{display:none}}@media(min-width:481px){.app-frame{transform:translateZ(0)}}.skin-mbti-ranking-screen{flex:0 0 auto;min-height:100%;gap:0;padding:0 0 calc(26px + env(safe-area-inset-bottom));overflow-y:visible;overscroll-behavior:auto;background:var(--color-bg)}.ranking-screen-header{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:56px;padding:4px 14px;border-bottom:1px solid rgba(239,229,226,.75);background:#fffdfcf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ranking-screen-header button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--color-ink);font-size:25px}.ranking-screen-header strong{overflow:hidden;font-size:17px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ranking-screen-header strong:focus{outline:3px solid rgba(217,107,95,.36);outline-offset:3px;border-radius:6px}.ranking-intro{padding:22px 18px 16px}.ranking-updated{margin:0 0 15px;color:var(--color-muted);font-size:12px}.ranking-mate-line{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ranking-mate-image{flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:var(--color-sage);object-fit:contain}.ranking-mate-line div,.ranking-mate-line span,.ranking-mate-line strong{display:block;min-width:0}.ranking-mate-line span{color:#356747;font-size:12px;font-weight:700}.ranking-mate-line strong{margin-top:3px;font-size:14px}.ranking-intro h1{margin:0;color:var(--color-ink);font-size:clamp(23px,6.5vw,28px);line-height:1.2;letter-spacing:-.035em}.ranking-intro h1 em{color:var(--color-coral-text);font-style:normal}.ranking-care-copy{margin:9px 0 0;color:var(--color-muted);font-size:14px;line-height:1.5}.ranking-pretty-copy{margin:5px 0 0;color:#356747;font-size:12px;line-height:1.45}.ranking-disclosure{margin:11px 0 0;padding:10px 12px;border-radius:12px;background:var(--color-mint);color:#356747;font-size:11px;line-height:1.45}.ranking-category-rail{display:flex;gap:8px;overflow-x:auto;padding:8px 18px 12px;scrollbar-width:none;scroll-padding-inline:18px;overscroll-behavior-inline:contain}.ranking-category-rail::-webkit-scrollbar{display:none}.ranking-category-chip{flex:0 0 auto;min-height:44px;padding:0 17px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);color:var(--color-muted);font-size:14px;white-space:nowrap}.ranking-category-chip.is-selected{border-color:#356747;background:#356747;color:#fff;font-weight:700}.ranking-carousel{margin-top:2px}.ranking-carousel-viewport{display:grid;grid-auto-flow:column;grid-auto-columns:calc(86% - 12px);gap:12px;overflow-x:auto;padding:0 18px 5px;scroll-padding-inline:18px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.ranking-carousel-viewport::-webkit-scrollbar{display:none}.ranking-carousel.is-single .ranking-carousel-viewport{grid-auto-columns:calc(100% - 36px);overflow-x:hidden}.ranking-page{display:grid;align-content:start;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.ranking-product-row{display:grid;grid-template-columns:34px 88px minmax(0,1fr);align-items:center;gap:11px;width:100%;min-height:136px;padding:12px 0;border:0;border-bottom:1px solid var(--color-line);background:transparent;color:var(--color-ink);text-align:left}.ranking-product-row:last-child{border-bottom-color:transparent}.ranking-product-row .product-thumb{width:88px;height:88px;border:1px solid var(--color-line);border-radius:17px}.ranking-product-row .product-thumb-fallback{font-size:28px}.ranking-number{display:grid;justify-items:center;align-content:center;gap:4px;min-width:0}.ranking-number strong{font-size:25px;line-height:1}.ranking-number small{color:var(--color-coral-text);font-size:8px;font-weight:700;line-height:1.1;text-align:center;white-space:nowrap}.ranking-number.is-first strong{color:var(--color-coral-text)}.ranking-product-copy,.ranking-product-copy>*{display:block;min-width:0}.ranking-product-copy>small{overflow:hidden;color:var(--color-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ranking-product-copy>strong{display:-webkit-box;overflow:hidden;margin-top:3px;font-size:15px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ranking-fit-line{display:-webkit-box;overflow:hidden;margin-top:6px;color:#356747;font-size:11px;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ranking-product-copy>b{margin-top:5px;font-size:16px}.ranking-product-copy>span:last-child{overflow:hidden;margin-top:3px;color:var(--color-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ranking-page-controls{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding-top:3px}.ranking-page-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-line);border-radius:50%;background:var(--color-surface);color:#356747;font-size:26px}.ranking-page-controls p{min-width:50px;margin:0;color:var(--color-muted);font-size:12px;text-align:center}.ranking-page-controls p strong{color:var(--color-ink)}.ranking-single-candidate{margin:2px 18px 4px;color:#356747;font-size:13px;font-weight:700}.ranking-profile-missing,.ranking-empty-state{display:grid;justify-items:center;gap:12px;margin:40px 18px 18px;padding:28px 22px;border:1px solid var(--color-line);border-radius:24px;background:linear-gradient(145deg,var(--color-mint),var(--color-surface));text-align:center}.ranking-profile-missing>span,.ranking-empty-state>span{font-size:40px}.ranking-profile-missing h1,.ranking-empty-state h2{margin:0;font-size:21px;line-height:1.35}.ranking-profile-missing p,.ranking-empty-state p{margin:0;color:var(--color-muted);font-size:14px;line-height:1.6}.ranking-profile-missing .primary-button,.ranking-profile-missing .text-button,.ranking-empty-state .secondary-button,.ranking-recovery-state .primary-button{width:100%;min-height:48px}.ranking-profile-nudge{display:flex;align-items:center;gap:10px;margin:0 18px 8px;padding:12px;border-radius:14px;background:var(--color-cream)}.ranking-profile-nudge p{flex:1;margin:0;color:var(--color-muted);font-size:11px;line-height:1.45}.ranking-profile-nudge button{flex:0 0 auto;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:var(--color-blush);color:var(--color-coral-text);font-size:11px;font-weight:700}.ranking-safety-only{padding:0 18px 28px}.ranking-safety-only .ranking-screen-header{margin:0 -18px 18px}.ranking-sheet-backdrop{position:absolute;inset:0;z-index:90;display:flex;align-items:flex-end;background:#2a242475;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ranking-product-sheet{display:flex;flex-direction:column;width:100%;max-height:min(82dvh,720px);overflow:hidden;border-radius:28px 28px 0 0;background:var(--color-surface);box-shadow:0 -20px 50px #2a242433}.ranking-sheet-handle{flex:0 0 auto;width:44px;height:5px;margin:10px auto 2px;border-radius:99px;background:#d7cfcd}.ranking-sheet-header{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 14px 0 20px;border-bottom:1px solid var(--color-line)}.ranking-sheet-header>span{color:var(--color-coral-text);font-size:13px;font-weight:700}.ranking-sheet-header button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--color-muted);font-size:26px}.ranking-sheet-scroll{min-height:0;overflow-y:auto;padding:16px 18px 22px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ranking-sheet-product{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px}.ranking-sheet-product .product-thumb{width:84px;height:84px;border-radius:18px}.ranking-sheet-product small{color:var(--color-muted);font-size:11px}.ranking-sheet-product h2{margin:4px 0 7px;font-size:19px;line-height:1.3}.ranking-sheet-product strong{color:#356747;font-size:13px}.ranking-sheet-section{margin-top:20px}.ranking-sheet-section h3{margin:0 0 10px;font-size:16px}.ranking-sheet-section ul{display:grid;gap:7px;margin:0;padding-left:19px;color:var(--color-muted);font-size:13px;line-height:1.5}.ranking-ingredient-chips{display:flex;flex-wrap:wrap;gap:7px}.ranking-ingredient-chips span{padding:7px 10px;border-radius:999px;background:var(--color-sage);color:#356747;font-size:11px;font-weight:700}.ranking-ingredient-details{margin-top:12px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-bg)}.ranking-ingredient-details summary{min-height:44px;padding:12px;color:var(--color-ink);cursor:pointer;font-size:13px;font-weight:700}.ranking-ingredient-details p{margin:0;padding:0 12px 8px;color:var(--color-muted);font-size:12px;line-height:1.55}.ranking-ingredient-details .text-button{margin:0 8px 8px;min-height:44px}.ranking-sheet-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}.ranking-sheet-facts>span{min-width:0;padding:10px 8px;border-radius:12px;background:var(--color-cream)}.ranking-sheet-facts small,.ranking-sheet-facts strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-sheet-facts small{color:var(--color-muted);font-size:9px}.ranking-sheet-facts strong{margin-top:4px;font-size:11px}.ranking-compare-button{width:100%;min-height:48px;margin-top:12px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);color:var(--color-ink);font-weight:700}.ranking-detail-button{width:100%;min-height:50px;margin-top:16px;border:0;border-radius:14px;background:var(--color-sage);color:#2f6140;font-weight:800}.ranking-sheet-actions{flex:0 0 auto;padding:10px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:#fffffffa}.ranking-sheet-actions>p{margin:0 0 7px;color:var(--color-muted);font-size:10px;line-height:1.4}.ranking-sheet-actions>.ranking-online-hint{margin-top:2px;color:var(--color-ink);font-size:12px;font-weight:700}.ranking-sheet-actions .purchase-button{justify-content:center;width:100%;min-height:48px;margin:0;padding:8px 12px;border-radius:14px;white-space:normal}.ranking-sheet-actions>small{display:block;padding:8px 0 2px;color:var(--color-muted);font-size:11px;line-height:1.4;text-align:center}.ranking-back-to-top{position:sticky;align-self:flex-end;bottom:calc(104px + env(safe-area-inset-bottom));z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:58px;min-height:44px;margin:12px 14px 0;padding:0 12px;border:1px solid var(--color-line);border-radius:999px;background:#fffffff5;color:#356747;box-shadow:var(--shadow-soft);font-size:14px;font-weight:700}.ranking-back-to-top span{font-size:12px}.ranking-loading-skeleton{display:grid;gap:10px;padding:18px}.ranking-loading-skeleton>span{width:58%;height:26px;border-radius:10px;background:var(--color-line)}.ranking-loading-skeleton>div{display:grid;grid-template-columns:88px 1fr;gap:12px;min-height:110px;align-items:center}.ranking-loading-skeleton i{width:88px;height:88px;border-radius:17px;background:var(--color-line)}.ranking-loading-skeleton p{display:grid;gap:8px;margin:0}.ranking-loading-skeleton b,.ranking-loading-skeleton small{display:block;height:14px;border-radius:7px;background:var(--color-line)}.ranking-loading-skeleton small:last-child{width:64%}@media(max-width:389px){.ranking-carousel-viewport{grid-auto-columns:calc(90% - 12px)}.ranking-product-row{grid-template-columns:30px 78px minmax(0,1fr);gap:9px;min-height:128px}.ranking-product-row .product-thumb{width:78px;height:78px}.ranking-product-copy>strong{font-size:14px}.ranking-sheet-facts{grid-template-columns:1fr}.ranking-sheet-facts small,.ranking-sheet-facts strong{white-space:normal}}@media(max-height:620px){.ranking-product-sheet{max-height:88dvh}.ranking-sheet-scroll{padding-top:12px}.ranking-sheet-product{grid-template-columns:64px minmax(0,1fr)}.ranking-sheet-product .product-thumb{width:64px;height:64px}}@media(prefers-reduced-motion:reduce){.ranking-carousel-viewport{scroll-behavior:auto;scroll-snap-type:x proximity}.ranking-category-chip,.ranking-product-row,.ranking-product-sheet{transition:none!important;animation:none!important}}.product-detail-screen{display:grid;align-content:start;gap:14px;min-height:100%;padding:0 18px calc(118px + env(safe-area-inset-bottom));background:var(--color-bg)}.product-detail-header{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:56px;margin:0 -18px;padding:4px 14px;border-bottom:1px solid rgba(239,229,226,.75);background:#fffdfcf2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.product-detail-header button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--color-ink);font-size:25px}.product-detail-header strong,.product-detail-header h1{margin:0;font-size:17px;text-align:center}.product-detail-hero{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:16px;padding:18px 0 8px}.product-detail-hero .product-thumb{width:116px;height:116px;border:1px solid var(--color-line);border-radius:24px}.product-detail-hero .product-thumb-fallback{font-size:38px}.product-detail-hero span:not(.detail-hero-brand){color:var(--color-muted);font-size:12px}.product-detail-hero .product-identity-badge{display:inline-flex;width:fit-content;margin:0 0 7px;padding:4px 8px;border-radius:999px;background:#edf7f0;color:#356747;font-size:10px;font-weight:800}.product-detail-hero .product-identity-badge.is-conflict{background:#fff0ef;color:#a8463d}.product-detail-hero .product-identity-badge.is-generic{background:#f5f2ea;color:#75694f}.product-detail-hero h1{margin:5px 0 9px;font-size:22px;line-height:1.3;letter-spacing:-.025em}.product-detail-hero p{margin:0;color:#356747;font-size:13px;font-weight:800;line-height:1.45}.product-detail-hero small{display:block;margin-top:7px;color:var(--color-muted);font-size:10px;line-height:1.45}.product-detail-card{padding:18px;border:1px solid var(--color-line);border-radius:22px;background:var(--color-surface);box-shadow:0 10px 28px #56413d0b}.product-detail-card .eyebrow{margin:0 0 7px}.product-detail-card h2{margin:0;font-size:18px;line-height:1.4}.product-detail-loading{background:linear-gradient(145deg,var(--color-mint),var(--color-surface))}.product-detail-loading strong{font-size:17px}.product-detail-loading p{margin:7px 0 0;color:var(--color-muted);font-size:13px}.product-score-line{display:flex;align-items:center;gap:12px}.product-score-line strong{color:var(--color-coral-text);font-size:30px;line-height:1}.product-score-line span{font-size:17px;font-weight:800}.product-skin-summary>p:not(.eyebrow){margin:11px 0 0;color:var(--color-muted);font-size:14px;line-height:1.6}.product-skin-summary .primary-button{width:100%;min-height:50px;margin-top:14px}.product-reason-list{display:grid;gap:7px;margin-top:14px}.product-reason-list span{padding:10px 12px;border-radius:13px;background:var(--color-mint);color:#356747;font-size:12px;line-height:1.5}.product-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-highlight-grid>div{min-width:0;padding:13px;border-radius:16px;background:var(--color-sage)}.product-highlight-grid>div:last-child{background:var(--color-blush)}.product-highlight-grid h2{margin-bottom:9px;font-size:14px}.product-highlight-grid span{display:block;overflow:hidden;margin-top:5px;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.product-highlight-grid p{margin:0;color:var(--color-muted);font-size:11px;line-height:1.5}.product-detail-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ingredient-source-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--color-cream);color:var(--color-muted);font-size:11px;font-weight:800}.ingredient-source-badge.is-trusted{background:var(--color-sage);color:#356747}.ingredient-source-badge.is-conflict{background:var(--color-blush);color:var(--color-coral-text)}.ingredient-source-copy{margin:10px 0 12px;color:var(--color-muted);font-size:12px;line-height:1.45}.product-full-ingredients details{border-top:1px solid var(--color-line)}.product-full-ingredients summary{min-height:46px;padding:13px 0;cursor:pointer;color:var(--color-ink);font-size:13px;font-weight:800}.product-full-ingredients ol{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:ingredient}.product-full-ingredients li{counter-increment:ingredient;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:45px;padding:8px 0;border-top:1px solid var(--color-line)}.product-full-ingredients li>span:before{content:counter(ingredient) ". ";color:var(--color-muted);font-size:10px}.product-full-ingredients li>span{min-width:0;font-size:12px;line-height:1.45}.product-full-ingredients li small{padding:5px 7px;border-radius:999px;background:var(--color-cream);color:var(--color-muted);font-size:9px;white-space:nowrap}.product-full-ingredients li small.is-fit{background:var(--color-sage);color:#356747}.product-full-ingredients li small.is-caution,.product-full-ingredients li small.is-risk{background:var(--color-blush);color:var(--color-coral-text)}.product-full-ingredients>.secondary-button{width:100%;min-height:48px;margin-top:14px}.product-ingredient-empty{padding:13px;border-radius:15px;background:var(--color-cream)}.product-ingredient-empty p{margin:0 0 9px;font-size:12px;font-weight:800}.product-ingredient-empty>div{display:flex;flex-wrap:wrap;gap:6px}.product-ingredient-empty span{padding:6px 8px;border-radius:999px;background:var(--color-surface);color:#356747;font-size:10px;font-weight:700}.product-ingredient-empty small{display:block;margin-top:10px;color:var(--color-muted);font-size:10px;line-height:1.45}.product-detail-disclaimer{margin:0;color:var(--color-muted);font-size:11px;line-height:1.45;text-align:center}.journal-segments,.product-detail-tabs,.daypart-tabs{isolation:isolate}.journal-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--color-line);border-radius:16px;background:var(--color-cream)}.journal-segments button{min-width:0;min-height:44px;padding:8px 5px;border:0;border-radius:12px;background:transparent;color:var(--color-muted);font-size:13px;font-weight:var(--fw-heading)}.journal-segments button.is-active{background:var(--color-coral);color:#fff;box-shadow:0 5px 14px #d96b5f33}.journal-segments button:focus-visible,.product-detail-tabs button:focus-visible,.daypart-tabs button:focus-visible{outline:3px solid rgba(79,138,102,.45);outline-offset:2px}.journal-segment-panel{min-height:210px}.journal-camera-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px}.journal-camera-item div,.journal-saved-product>span:nth-child(2){display:grid;gap:4px;min-width:0}.journal-camera-item small,.journal-saved-product small{color:var(--color-muted);font-size:13px;line-height:1.45}.journal-saved-product{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);text-align:left}.journal-saved-product strong{overflow-wrap:anywhere}.profile-field-editor{overflow:hidden;margin-top:10px;border:1px solid var(--color-line);border-radius:18px;background:var(--color-surface)}.profile-field-editor-toggle{width:100%;border:0;border-radius:0}.profile-field-editor-panel{display:grid;gap:16px;padding:0 15px 16px}.profile-field-editor-panel fieldset{min-width:0;margin:0;padding:14px 0 0;border:0;border-top:1px solid var(--color-line)}.profile-field-editor-panel legend{margin-bottom:10px;font-size:15px;font-weight:var(--fw-heading)}.profile-edit-chips{display:flex;flex-wrap:wrap;gap:8px}.profile-edit-chips .chip{min-height:44px}.profile-sensitive-edit{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px;border-radius:14px;background:var(--color-cream)}.profile-sensitive-edit span{display:grid;gap:3px}.profile-sensitive-edit small{color:var(--color-muted);font-size:13px;line-height:1.4}.profile-sensitive-edit input{width:24px;height:24px;accent-color:var(--color-coral)}.profile-derived-note{display:flex;gap:8px;margin:0;color:var(--color-muted);font-size:13px;line-height:1.55}.profile-derived-note svg{flex:0 0 18px;width:18px;color:var(--color-good)}.profile-field-editor-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.profile-field-editor-actions button{min-height:48px}.product-ingredients-view .product-full-ingredients ol{border-top:1px solid var(--color-line)}.product-ingredients-view .product-ingredient-empty .primary-button{width:100%;margin-top:14px}.routine-condition-details,.routine-more-details,.alternatives-more-details{overflow:hidden;border:1px solid var(--color-line);border-radius:16px;background:var(--color-surface)}.routine-condition-details>summary,.routine-more-details>summary,.alternatives-more-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:12px 14px;cursor:pointer;font-size:14px;font-weight:var(--fw-heading);list-style:none}.routine-condition-details>summary::-webkit-details-marker,.routine-more-details>summary::-webkit-details-marker,.alternatives-more-details>summary::-webkit-details-marker{display:none}.routine-condition-details>summary:after,.routine-more-details>summary:after,.alternatives-more-details>summary:after{content:"›";color:var(--color-muted);font-size:20px}.routine-condition-details[open]>summary:after,.routine-more-details[open]>summary:after,.alternatives-more-details[open]>summary:after{transform:rotate(90deg)}.routine-condition-details>summary strong{margin-left:auto;color:var(--color-coral-text);font-size:12px}.routine-condition-panel,.alternatives-more-panel{display:grid;gap:14px;padding:0 14px 14px}.routine-more-details .routine-builder-links{margin:0;border:0;border-top:1px solid var(--color-line);border-radius:0;box-shadow:none}.routine-recommend-compact{padding:12px}.routine-compact-steps{display:grid;gap:0;margin:8px 0 0;padding:0;list-style:none}.routine-step-details{border-top:1px solid var(--color-line)}.routine-step-details>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;cursor:pointer;list-style:none}.routine-step-details>summary::-webkit-details-marker{display:none}.routine-step-details>summary>span:nth-child(2){display:grid;gap:2px;min-width:0}.routine-step-details>summary small{color:var(--color-muted);font-size:11px}.routine-step-details>summary strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.routine-step-details[open]>summary>span:last-child{transform:rotate(90deg)}.routine-step-disclosure{display:grid;gap:10px;padding:0 0 12px 36px}.routine-step-disclosure p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.45}.routine-step-disclosure .purchase-button{width:100%;min-height:44px;justify-content:center}.routine-recommend-compact .routine-conflict-ok{margin:8px 0 0;padding:9px 10px;font-size:12px}.alternatives-more-details{margin-top:8px}.alternative-filter-details{overflow:hidden;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface)}.alternative-filter-details>summary{display:flex;justify-content:space-between;gap:10px;min-height:46px;padding:11px 13px;cursor:pointer;font-size:13px;font-weight:var(--fw-heading);list-style:none}.alternative-filter-details>summary::-webkit-details-marker{display:none}.alternative-filter-details>summary strong{color:var(--color-coral-text)}.alternative-filter-details .budget-selector{padding:0 12px 12px;margin:0}.cp-more-details{margin-top:5px}.cp-more-details>summary{min-height:32px;cursor:pointer;color:var(--color-coral-text);font-size:12px;font-weight:var(--fw-heading)}.cp-more-details>span{display:block}.alternatives-screen .criterion{padding:14px 14px 14px 18px}.alternatives-screen .alternative-summary div{min-height:68px;padding-block:9px}.alternatives-screen .owned-product-note{padding-block:10px;font-size:13px;line-height:1.45}.alternatives-screen .criterion-products{margin-top:9px;padding-top:9px}.alternatives-screen .criterion-product{align-items:flex-start}.alternatives-screen .cp-reason{margin-top:3px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.disclaimer-card p,.disclaimer,.mate-reveal-disclaimer,.home-trust-line,.landing-disclaimer,.landing-privacy-link,.ranking-disclosure,.ranking-sheet-actions>p,.ranking-sheet-actions>small,.product-detail-disclaimer,.product-ingredient-empty small{font-size:13px;line-height:1.5}@media(max-width:359px){.product-detail-hero{grid-template-columns:92px minmax(0,1fr);gap:12px}.product-detail-hero .product-thumb{width:92px;height:92px;border-radius:20px}.product-detail-hero h1{font-size:19px}.product-highlight-grid{grid-template-columns:1fr}}.catalog-admin-shell{min-height:100vh;padding:40px clamp(20px,5vw,72px) 72px;background:#fbfaf7;color:#252825}.catalog-admin-shell button,.catalog-admin-shell textarea,.catalog-admin-shell input{font:inherit}.catalog-admin-auth{display:grid;place-content:center;justify-items:start;gap:14px;max-width:620px;margin:auto}.catalog-admin-auth label{display:grid;gap:7px;width:min(100%,420px);color:#616861;font-size:13px;font-weight:700}.catalog-admin-auth input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #dfe5df;border-radius:12px;background:#fff}.catalog-admin-mfa img{width:220px;height:220px;border:10px solid white;border-radius:18px;box-shadow:0 10px 30px #2b372d17}.catalog-admin-mfa details code{display:block;max-width:min(80vw,520px);margin-top:8px;overflow-wrap:anywhere}.catalog-admin-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.catalog-admin-header h1{margin:5px 0 8px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.catalog-admin-header p{margin:0;color:#6e756e}.catalog-admin-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.catalog-admin-header-actions>*{border:1px solid #dce3dc;border-radius:999px;padding:9px 14px;background:#fff;color:inherit;text-decoration:none}.catalog-admin-notice{padding:14px 18px;margin-bottom:18px;border-radius:14px;background:#e7f2e8;color:#355d3b}.catalog-admin-notice.is-error{background:#fff0ef;color:#a33d39}.catalog-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.catalog-admin-stats article{display:grid;gap:3px;padding:20px;border:1px solid #e4e7e2;border-radius:18px;background:#fff}.catalog-admin-stats strong{font-size:28px}.catalog-admin-stats span{color:#7a807a}.catalog-admin-panel{padding:22px;border:1px solid #e4e7e2;border-radius:22px;background:#fff;box-shadow:0 12px 35px #2b372d0d}.catalog-admin-toolbar{display:flex;justify-content:space-between;gap:15px;overflow-x:auto;padding-bottom:16px}.catalog-admin-toolbar div{display:flex;gap:8px}.catalog-admin-toolbar button{white-space:nowrap;border:1px solid #dce3dc;border-radius:999px;padding:9px 14px;background:#fff}.catalog-admin-toolbar button.is-active{border-color:#607c66;background:#607c66;color:#fff}.catalog-admin-list{display:grid;gap:10px}.catalog-admin-empty{padding:40px;text-align:center;color:#777}.catalog-admin-candidate{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center;padding:18px;border:1px solid #edf0ec;border-radius:16px}.catalog-admin-candidate h2{margin:6px 0 3px;font-size:18px}.catalog-admin-candidate p{margin:0;color:#7b807a}.catalog-admin-category{color:#5f7e65;font-size:12px;font-weight:800;text-transform:uppercase}.catalog-admin-candidate dl{display:flex;gap:18px;margin:0}.catalog-admin-candidate dl div{display:grid;gap:3px}.catalog-admin-candidate dt{font-size:12px;color:#8a8f89}.catalog-admin-candidate dd{margin:0;font-weight:700}.catalog-admin-review-actions{display:flex;gap:7px}.catalog-admin-review-actions button{border:0;border-radius:10px;padding:9px 12px;background:#f1f3f0}.catalog-admin-review-actions .is-danger{color:#a8423d;background:#fff0ef}.catalog-admin-review-actions .is-approve{color:#fff;background:#607c66}.catalog-admin-review-actions button:disabled{opacity:.45;cursor:not-allowed}.catalog-admin-gates,.catalog-admin-artifact-actions{display:flex;flex-wrap:wrap;gap:7px}.catalog-admin-gates span{padding:7px 10px;border-radius:999px;background:#f4f2ed;color:#766f67;font-size:12px;font-weight:700}.catalog-admin-gates span.is-pass{background:#e7f2e8;color:#355d3b}.catalog-admin-artifact-actions button{min-height:40px;padding:8px 11px;border:1px solid #dce3dc;border-radius:10px;background:#fff;color:#46594a;font-weight:700}.catalog-admin-evidence-link a{color:#436c4b;font-weight:700}.catalog-admin-ingredient-input{display:grid;gap:7px;color:#616861;font-size:13px;font-weight:700}.catalog-admin-ingredient-input textarea{min-height:100px;padding:12px;resize:vertical;border:1px solid #dfe5df;border-radius:12px}.catalog-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.catalog-admin-grid h2{margin-top:0}.catalog-admin-grid textarea{width:100%;min-height:160px;resize:vertical;margin:12px 0;padding:14px;border:1px solid #dfe5df;border-radius:12px}.catalog-admin-grid code{display:block;margin:14px 0;overflow-wrap:anywhere}.catalog-admin-grid label{display:grid;gap:6px;margin:12px 0;color:#616861;font-size:13px;font-weight:700}.catalog-admin-grid input{width:100%;padding:12px 13px;border:1px solid #dfe5df;border-radius:12px;background:#fff;color:#252825}.catalog-admin-releases{display:grid;gap:8px;margin-top:14px}.catalog-admin-releases>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #edf0ec}.catalog-admin-releases button{flex:0 0 auto}@media(max-width:800px){.catalog-admin-header,.catalog-admin-candidate{grid-template-columns:1fr;display:grid}.catalog-admin-stats,.catalog-admin-grid{grid-template-columns:1fr}.catalog-admin-candidate dl{flex-wrap:wrap}.catalog-admin-review-actions{justify-content:flex-end}}.language-sheet-backdrop{position:absolute;inset:0;z-index:90;display:flex;align-items:flex-end;background:#2a242475;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.language-sheet{display:flex;flex-direction:column;width:100%;max-height:min(70dvh,560px);overflow:hidden;border-radius:28px 28px 0 0;background:var(--color-surface);box-shadow:0 -20px 50px #2a242433}.language-sheet-handle{flex:0 0 auto;width:44px;height:5px;margin:10px auto 2px;border-radius:99px;background:#d7cfcd}.language-sheet-header{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 14px 0 20px;border-bottom:1px solid var(--color-line)}.language-sheet-header>span{color:var(--color-coral-text);font-size:13px;font-weight:700}.language-sheet-header button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--color-muted);font-size:26px}.language-list{min-height:0;overflow-y:auto;margin:0;padding:6px 0 22px;list-style:none;overscroll-behavior:contain}.language-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0 20px;border:0;background:transparent;color:var(--color-text);font-size:16px;text-align:left}.language-option[aria-current=true]{color:var(--color-coral-text);font-weight:700}.language-option:disabled{opacity:.5}.language-check{display:grid;place-items:center;width:22px;height:22px}.language-sheet-error{margin:0;padding:0 20px 18px;color:var(--color-coral-text);font-size:13px}.ingredient-name-secondary{display:block;margin-top:1px;color:var(--color-muted);font-size:.82em;font-weight:400}.review-section{display:grid;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--color-line)}.review-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.review-section-head h2{margin:0;font-size:16px}.review-summary{display:flex;align-items:center;gap:6px}.review-summary strong{font-size:16px;color:var(--color-coral-text)}.review-summary small,.review-average-hidden{color:var(--color-muted);font-size:11.5px}.review-same-type{margin:0;padding:8px 10px;border-radius:10px;background:var(--color-surface);color:#356747;font-size:12px;font-weight:700}.star-rating{display:inline-flex;gap:1px;color:#d9d4cf;line-height:1;white-space:nowrap}.star-rating .is-on{color:#e8a33d}.star-rating-md{font-size:22px}.star-rating-sm{font-size:13px}.star-rating button{padding:0 1px;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.star-rating button:focus-visible{outline:2px solid var(--color-coral-text);outline-offset:2px;border-radius:4px}.review-write-cta{justify-self:start}.review-login-required{margin:0;color:var(--color-muted);font-size:12px}.review-form{display:grid;gap:12px}.review-form-row{display:grid;gap:5px}.review-field-label{color:var(--color-muted);font-size:11.5px;font-weight:700}.review-form textarea{width:100%;padding:10px;border:1px solid var(--color-line);border-radius:10px;font:inherit;resize:vertical}.review-body-counter{justify-self:end;color:var(--color-muted);font-size:11px}.review-photo-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.review-photo-list img,.review-card-photos img{width:72px;height:72px;border-radius:8px;object-fit:cover}.review-sort{display:flex;flex-wrap:wrap;gap:6px}.review-sort button{padding:6px 10px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);font-size:11.5px;white-space:nowrap}.review-sort button.is-active{border-color:var(--color-coral-text);color:var(--color-coral-text);font-weight:700}.review-empty{display:grid;gap:4px;padding:18px 10px;border-radius:12px;background:var(--color-surface);text-align:center}.review-empty p{margin:0;font-weight:700}.review-empty small{color:var(--color-muted)}.review-list,.review-comment-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.review-card{display:grid;gap:8px;padding:12px;border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface)}.review-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.review-card-head strong{font-size:12px;color:var(--color-coral-text)}.review-card-head small{color:var(--color-muted);font-size:11px}.review-mine-badge{padding:2px 6px;border-radius:6px;background:var(--color-coral-soft, #fdecea);color:var(--color-coral-text);font-size:10.5px;font-weight:700;white-space:nowrap}.review-card-body{margin:0;font-size:13.5px;line-height:1.55}.review-card-photos{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.review-card-actions,.review-comment-actions{display:flex;flex-wrap:wrap;gap:10px}.review-comment-thread{display:grid;gap:8px;padding-top:8px;border-top:1px dashed var(--color-line)}.review-comment{display:grid;gap:4px}.review-comment.is-reply{margin-left:16px;padding-left:10px;border-left:2px solid var(--color-line)}.review-comment-meta{display:flex;align-items:center;gap:6px}.review-comment-meta strong{font-size:11px;color:var(--color-coral-text)}.review-comment p{margin:0;font-size:12.5px;line-height:1.5}.review-comment-input{display:flex;flex-wrap:wrap;gap:6px}.review-comment-input input,.review-report-form input{flex:1 1 160px;min-width:0;padding:8px 10px;border:1px solid var(--color-line);border-radius:10px;font:inherit;font-size:12.5px}.review-report-form{display:grid;gap:6px;padding:10px;border:1px solid var(--color-line);border-radius:10px}.review-report-form p{margin:0;font-size:12px;font-weight:700}.review-report-done{color:var(--color-muted);font-size:11.5px}.review-actions-menu{display:grid;gap:6px;justify-items:start}.review-actions-toggle{min-width:44px;min-height:32px;font-size:18px;line-height:1;letter-spacing:1px}.review-actions-panel{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.review-block-confirm{display:grid;gap:6px;padding:10px;border:1px solid var(--color-line);border-radius:10px}.review-block-confirm p{margin:0;font-size:12px;line-height:1.5}.review-terms-backdrop{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#2a242475}.review-terms-gate{display:grid;gap:10px;width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow-y:auto}.review-terms-gate h2{margin:0;font-size:17px}.review-terms-rules{display:grid;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.5}.review-terms-contact{margin:0;font-size:12.5px;color:var(--color-muted)}.review-terms-contact a{color:var(--color-coral-text);font-weight:700}.profile-blocked-panel{display:grid;gap:8px;padding:4px 14px 12px}.profile-blocked-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.profile-blocked-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-blocked-item>span{display:grid;gap:2px;min-width:0}.profile-blocked-item small{color:var(--color-muted);font-size:11px}.profile-blocked-empty{margin:0;font-size:12.5px}.review-error{margin:0;color:var(--color-coral-text);font-size:12px}.review-disclaimer{margin:0;color:var(--color-muted);font-size:11px;line-height:1.45}.ranking-sort{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ranking-sort button{padding:6px 11px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);font-size:11.5px;white-space:nowrap}.ranking-sort button.is-active{border-color:var(--color-coral-text);color:var(--color-coral-text);font-weight:700}.ranking-sort-note{margin:0 0 8px;color:var(--color-muted);font-size:11px;line-height:1.5}.ranking-review-line{display:flex;align-items:center;gap:4px;margin-top:3px}.ranking-review-line b{font-size:11.5px;color:var(--color-coral-text)}.ranking-review-line small{color:var(--color-muted);font-size:10.5px}.golden-done-ranking{width:100%;margin-bottom:10px}.mfds-verification{display:grid;gap:8px;padding:16px 18px;border-radius:20px;border:1px solid var(--color-line);background:linear-gradient(180deg,rgba(240,240,243,.7),var(--color-surface))}.mfds-source-tag{justify-self:start;margin:0;padding:4px 10px;border-radius:999px;background:#e7e9ee;color:#4a5160;font-size:12px;font-weight:700}.mfds-verification h2{margin:0;font-size:16px;color:var(--color-ink)}.mfds-state{margin:0;font-size:15px;font-weight:700;color:var(--color-ink)}.mfds-state.is-verified{color:#35618a}.mfds-state.is-ambiguous{color:var(--color-warning)}.mfds-state.is-missing{color:var(--color-muted)}.mfds-note,.mfds-meta,.mfds-disclaimer{margin:0;font-size:12.5px;line-height:1.6;color:var(--color-muted)}.mfds-disclaimer{padding-top:6px;border-top:1px solid var(--color-line)}.mfds-fields{display:grid;gap:6px;margin:2px 0 0}.mfds-fields>div{display:flex;gap:10px;align-items:baseline}.mfds-fields dt{flex:0 0 96px;font-size:12.5px;color:var(--color-muted)}.mfds-fields dd{flex:1;min-width:0;margin:0;font-size:14px;color:var(--color-ink);word-break:break-word}.mfds-candidates{display:grid;gap:6px;margin:0;padding:0;list-style:none}.mfds-candidates li{display:grid;padding:9px 12px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-line)}.mfds-candidates strong{font-size:14px;color:var(--color-ink)}.mfds-candidates small{font-size:12px;color:var(--color-muted)}.mfds-portal-link{justify-self:start;min-height:44px;padding:10px 14px;border-radius:14px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);font-size:14px;font-weight:600}.routine-rationale{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--color-blush);color:var(--color-coral-text);font-size:13px;line-height:1.6}.mfds-purpose{margin:4px 0 10px;color:var(--color-muted);font-size:12px;line-height:1.6}.routine-field-label{margin:14px 0 6px;color:var(--color-muted);font-size:12px;font-weight:700}.budget-selector{display:block}.routine-more-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);text-align:left}.routine-more-item+.routine-more-item{margin-top:8px}.routine-more-item strong{display:block;font-size:14px}.routine-more-item small{display:block;margin-top:2px;color:var(--color-muted);font-size:12px;line-height:1.5}:root{--ref-bg: #faf8f6;--ref-surface: #fffdfc;--ref-ink: #353431;--ref-muted: #6d6763;--ref-line: #e8ded8;--ref-coral: #c34836;--ref-coral-pressed: #af3c2d;--ref-blush: #fff0ec;--ref-sage: #b7c4b2;--ref-sage-soft: #f1f5ec;--ref-sage-text: #57734c;--ref-warning: #e6a23c;--ref-warning-soft: #fff7e9;--ref-shadow: 0 8px 24px rgba(53, 52, 49, .06)}.app-scroll:has(>[data-reference-screen])>.golden-stepper{display:none}.app-frame{background:var(--ref-bg)}.app-status{height:44px;padding:13px 20px 7px;background:#faf8f6f5;color:var(--ref-ink);font-size:11px}.ref-screen{min-height:100%;gap:14px;padding:12px 18px 24px;background:var(--ref-bg);color:var(--ref-ink)}.ref-screen h1,.ref-screen h2,.ref-screen p{margin:0}.ref-screen button{color:inherit}.ref-header{display:grid;gap:8px}.ref-header-line{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center}.ref-header-line h1,.ref-centered-header h1,.ref-home-title h1{margin:0;font-size:18px;font-weight:700;line-height:24px;text-align:center}.ref-icon-button{width:40px;height:40px;padding:0;border:0;background:transparent;font-size:28px}.ref-header-action,.ref-header-spacer{min-width:40px}.ref-eyebrow{color:var(--ref-coral);font-size:12px;font-weight:700}.ref-description,.ref-centered-header p{color:var(--ref-muted);font-size:12px;line-height:18px;text-align:center}.ref-centered-header{display:grid;gap:8px;padding-top:3px}.ref-home-title{position:relative}.ref-home-heading{display:grid;justify-items:center;gap:2px}.ref-home-title .ref-home-heading h1{font-size:22px;line-height:28px}.ref-home-date{color:var(--ref-muted);font-size:11px;line-height:16px}.ref-tutorial-replay{position:absolute;top:-6px;right:0;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ref-muted)!important;font-size:9px}.ref-corner-options{position:absolute;top:42px;right:14px;z-index:2;width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ref-muted);font-size:13px;letter-spacing:2px}.ref-card{border:1px solid var(--ref-line);border-radius:16px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.ref-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:12px 16px;border:0;border-radius:12px;background:var(--ref-coral);color:#fff!important;font-size:14px;font-weight:700;box-shadow:0 8px 18px #e868532e}.ref-primary-button:hover{background:var(--ref-coral-pressed)}.ref-primary-button svg{width:20px;height:20px}.ref-text-button{align-self:center;padding:8px 12px;border:0;background:transparent;color:var(--ref-muted)!important;font-size:12px}.ref-row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:11px 12px;border:0;border-bottom:1px solid var(--ref-line);background:transparent;text-align:left}.ref-row:last-child{border-bottom:0}.ref-row-index{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ref-blush);color:var(--ref-coral);font-size:12px;font-weight:700}.ref-row-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--ref-blush);color:var(--color-coral-text)}.ref-row-icon svg{width:19px;height:19px}.ref-row-copy{display:grid;flex:1;gap:2px}.ref-row-copy strong{font-size:13px;line-height:18px}.ref-row-copy small{color:var(--ref-muted);font-size:10.5px;line-height:15px}.ref-row-chevron{color:var(--ref-muted);font-size:20px}.ref-row-sage{background:var(--ref-sage-soft)}.ref-row-blush{background:var(--ref-blush)}.ref-row-warning{background:var(--ref-warning-soft)}.ref-outline-button{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-surface);color:var(--ref-ink);font-size:13px;font-weight:700}.ref-ranking-screen{gap:13px}.ref-ranking-list{display:grid;gap:10px}.ref-product-card{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:112px;padding:12px;border:1px solid var(--ref-line);border-radius:15px;background:var(--ref-surface);box-shadow:var(--ref-shadow);text-align:left}.ref-product-card .product-thumb{width:84px;height:84px;border-radius:12px;object-fit:contain;background:#f7f4f1}.ref-product-card .product-thumb-fallback{position:relative;overflow:visible;color:transparent}.ref-product-card .product-thumb-fallback:before{position:absolute;top:16px;left:28px;width:28px;height:48px;border:1px solid #d9cec6;border-radius:7px 7px 10px 10px;background:linear-gradient(90deg,#d8e7e2,#f3fbf8 50%,#c9ddd6);box-shadow:0 8px 12px #35343114;content:""}.ref-product-card .product-thumb-fallback:after{position:absolute;top:10px;left:35px;width:14px;height:10px;border-radius:3px 3px 0 0;background:#d7d0ca;content:""}.ref-product-copy{display:grid;gap:5px;min-width:0}.ref-product-copy strong{overflow:hidden;font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.ref-product-copy small,.ref-product-copy em{color:var(--ref-muted);font-size:10px;font-style:normal;line-height:15px}.ref-product-copy em{display:-webkit-box;overflow:hidden;color:var(--ref-sage-text);-webkit-box-orient:vertical;-webkit-line-clamp:2}.ref-product-rank{position:absolute;top:9px;left:9px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ref-coral);color:#fff;font-size:11px;font-weight:800}.ref-ranking-empty{display:grid;justify-items:center;gap:12px;padding:28px 18px;text-align:center}.ref-ranking-empty h2{font-size:17px}.ref-ranking-empty p{max-width:260px;color:var(--ref-muted);font-size:12px;line-height:18px}.ref-result-screen{position:relative;padding-bottom:110px}.ref-profile-nudge{display:flex;justify-content:space-between;width:100%;padding:12px;border:0;border-radius:12px;background:var(--ref-blush);color:var(--ref-coral)!important;font-size:11px;text-align:left}.ref-verdict-card{display:grid;gap:16px;padding:16px}.ref-verdict-card.is-good{border-color:#cad8c2;background:var(--ref-sage-soft)}.ref-verdict-card.is-caution{border-color:#f0d7ab;background:var(--ref-warning-soft)}.ref-verdict-heading{display:flex;align-items:flex-start;gap:11px}.ref-verdict-icon{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border-radius:50%;background:#88a978;color:#fff;font-weight:800}.is-caution .ref-verdict-icon{background:var(--ref-warning)}.ref-verdict-heading div{display:grid;gap:4px}.ref-verdict-heading strong{font-size:14px}.ref-verdict-heading p,.ref-result-reasons{color:var(--ref-muted);font-size:11px;line-height:17px}.ref-result-reasons{display:grid;gap:8px;margin:0;padding:0 0 0 18px}.ref-caution-ingredients{display:grid;gap:8px;padding:14px}.ref-caution-ingredients small{color:var(--ref-muted)}.ref-caution-ingredients strong{font-size:12px}.ref-result-actions,.ref-result-detail{display:grid;gap:9px}.ref-result-detail{padding:15px}.ref-result-detail h2{font-size:14px}.ref-result-detail>div{display:grid;gap:4px;padding:9px 0;border-bottom:1px solid var(--ref-line)}.ref-result-detail p,.ref-safety-stop{color:var(--ref-muted);font-size:10.5px;line-height:16px}.ref-result-detail button{justify-self:start;padding:4px 0;border:0;background:transparent;color:var(--ref-coral);font-size:10px}.ref-sensitive-toggle{display:flex;align-items:center;gap:8px;font-size:11px}.ref-result-mate{position:absolute;right:14px;bottom:10px;object-fit:contain}.ref-calendar-title{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;text-align:center}.ref-calendar-title button{height:36px;border:0;background:transparent;font-size:24px}.ref-calendar-title strong{font-size:13px}.ref-calendar{padding:14px 12px 12px}.ref-calendar-weekdays,.ref-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.ref-calendar-weekdays{margin-bottom:7px;color:var(--ref-muted);font-size:9px}.ref-calendar-grid>span,.ref-calendar-grid>button{aspect-ratio:1}.ref-calendar-grid>button{position:relative;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;font-size:10px}.ref-calendar-grid>button.has-record{background:#edf4e8;color:#6b875e;font-weight:700}.ref-calendar-grid>button.is-mixed,.ref-calendar-grid>button.is-avoid{background:#fff0df;color:#b47636}.ref-calendar-grid>button.has-camera:after{position:absolute;right:1px;bottom:1px;width:5px;height:5px;border-radius:50%;background:#86a9bf;content:""}.ref-calendar-grid>button.is-selected{outline:2px solid var(--ref-coral);outline-offset:1px}.ref-calendar-legend{display:flex;justify-content:center;gap:12px;color:var(--ref-muted);font-size:8.5px}.ref-calendar-legend span{display:flex;align-items:center;gap:4px}.ref-calendar-legend i{width:7px;height:7px;border-radius:50%;background:#91aa83}.ref-calendar-legend i.is-mixed{background:#e4b26d}.ref-calendar-legend i.is-camera{background:#86a9bf}.ref-weekly-trend{display:grid;gap:6px;padding:13px}.ref-weekly-trend strong{font-size:12px}.ref-weekly-trend p,.ref-selected-records p{color:var(--ref-muted);font-size:9.5px}.ref-trend-line{display:flex;align-items:end;gap:12%;height:42px;padding:3px 7px 0;border-bottom:1px solid var(--ref-line)}.ref-trend-line span{position:relative;width:4px;min-height:4px;border-radius:4px;background:#89a97a}.ref-trend-line span:after{position:absolute;top:-2px;left:-2px;width:8px;height:8px;border-radius:50%;background:#89a97a;content:""}.ref-selected-records{display:grid;gap:4px;padding:13px}.ref-routine-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#f1ece8}.ref-routine-tabs button{min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--ref-muted);font-size:12px;font-weight:700}.ref-routine-tabs button[aria-selected=true]{background:var(--ref-surface);color:var(--ref-coral);box-shadow:0 2px 8px #35343112}.ref-routine-goal{color:var(--ref-muted);font-size:10px;text-align:center}.ref-routine-list{padding:3px 12px}.ref-routine-step{display:grid;grid-template-columns:28px 46px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--ref-line);background:transparent;text-align:left}.ref-routine-step:last-child{border-bottom:0}.ref-routine-step .product-thumb{width:38px;height:38px;object-fit:contain}.ref-routine-step>span:last-child{display:grid;gap:3px;min-width:0}.ref-routine-step strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ref-routine-step small{display:-webkit-box;overflow:hidden;color:var(--ref-muted);font-size:9px;line-height:13px;-webkit-box-orient:vertical;-webkit-line-clamp:1}.ref-mate-tip{display:flex;align-items:flex-end;gap:7px}.ref-mate-tip p{margin-bottom:10px;padding:9px 11px;border:1px solid #f1dfc5;border-radius:12px 12px 12px 3px;background:#fff9ee;color:var(--color-muted);font-size:9.5px;line-height:14px}.ref-utility-details{margin-top:auto}.ref-utility-details summary{padding:8px;color:var(--ref-muted);font-size:10px;text-align:center;cursor:pointer}.ref-profile-summary,.ref-ondevice-card{display:flex;align-items:center;justify-content:space-between;padding:14px}.ref-profile-summary>div,.ref-ondevice-card>div{display:grid;gap:5px}.ref-profile-summary small,.ref-ondevice-card small{color:var(--ref-muted);font-size:9px}.ref-profile-summary strong,.ref-ondevice-card strong{font-size:14px}.ref-profile-summary p,.ref-ondevice-card p,.ref-sync-settings p{color:var(--ref-muted);font-size:9px}.ref-ondevice-card{background:var(--ref-sage-soft)}.ref-ondevice-card>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e4eddd;font-size:23px}.ref-sync-settings{display:grid;gap:10px;padding:13px}.ref-sync-settings label{display:flex;align-items:center;justify-content:space-between;font-size:11px}.ref-sync-settings button{padding:10px;border:1px solid var(--ref-line);border-radius:10px;background:#fff;font-size:11px}.ref-scan-entry>:not(.ref-scan-entry-panel){display:none!important}.ref-scan-review>:not(.ref-scan-review-panel){display:none!important}.ref-scan-entry{padding:18px;background:var(--ref-bg)}.ref-scan-entry-panel{display:grid;gap:26px;min-height:100%;padding-top:8px}.ref-scan-entry-panel header{display:grid;gap:8px;text-align:center}.ref-scan-entry-panel h1{margin:0;font-size:19px}.ref-scan-entry-panel p{max-width:260px;margin:0 auto;color:var(--ref-muted);font-size:11px;line-height:17px}.ref-scan-entry-actions{display:grid;gap:12px}.ref-scan-entry-actions button{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:13px;min-height:94px;padding:14px;border:1px solid var(--ref-line);border-radius:16px;background:var(--ref-surface);box-shadow:var(--ref-shadow);text-align:left}.ref-scan-entry-actions button>span{display:grid;grid-row:1 / 3;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--ref-blush);color:var(--ref-coral)}.ref-scan-entry-actions svg{width:28px;height:28px}.ref-scan-entry-actions strong{align-self:end;font-size:14px}.ref-scan-entry-actions small{align-self:start;color:var(--ref-muted);font-size:10px}.ref-scan-review{padding:13px 18px 22px;background:var(--ref-bg)}.ref-scan-review-panel{display:grid;gap:10px}.ref-scan-review-panel>header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center}.ref-scan-review-panel>header h1{margin:0;font-size:18px;text-align:center}.ref-scan-review-panel>header button{min-height:38px;padding:0;border:0;background:transparent;color:var(--ref-muted);font-size:11px}.ref-scan-review-panel>header button:first-child{font-size:26px}.ref-scan-review-panel>p{margin:0;color:var(--ref-muted);font-size:10px}.ref-ingredient-list{overflow:hidden;border:1px solid var(--ref-line);border-radius:14px;background:var(--ref-surface)}.ref-ingredient-list>div{display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:6px 11px;border-bottom:1px solid var(--ref-line);font-size:11px}.ref-ingredient-list>div:last-child{border-bottom:0}.ref-ingredient-list button{width:30px;height:30px;border:0;background:transparent;color:var(--ref-muted);font-size:17px}.ref-ingredient-empty{display:block;padding:20px;color:var(--ref-muted);font-size:11px;text-align:center}.ref-ingredient-editor{border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-surface)}.ref-ingredient-editor summary{padding:11px 12px;color:var(--ref-muted);font-size:11px;cursor:pointer}.ref-ingredient-editor textarea{width:calc(100% - 20px);margin:0 10px 10px;padding:10px;border:1px solid var(--ref-line);border-radius:9px;font:inherit;font-size:11px}.ref-review-product-name{display:grid;gap:5px}.ref-review-product-name>span{font-size:10px;font-weight:700}.ref-review-product-name small{color:var(--ref-muted);font-weight:400}.ref-review-product-name input{min-height:42px;padding:8px 10px;border:1px solid var(--ref-line);border-radius:10px;background:var(--ref-surface);font:inherit;font-size:11px}.ref-review-checkbox{display:flex;align-items:center;gap:7px;font-size:10px}.ref-review-feedback{margin:0;color:var(--ref-muted);font-size:9px;line-height:13px}.ref-review-feedback.is-error{color:var(--ref-coral)}.label-cam[data-reference-screen="09"]{background:#141311}.label-cam[data-reference-screen="09"] .label-cam-title strong{font-size:18px}.label-cam[data-reference-screen="09"] .label-cam-reticle{border:2px solid rgba(255,255,255,.88);border-radius:22px}.label-cam[data-reference-screen="09"] .label-cam-hint{border-radius:999px;background:#1a1816c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.label-cam[data-reference-screen="09"] .label-cam-modes{background:#080807e6}.label-cam[data-reference-screen="09"] .label-cam-mode.is-active{background:var(--ref-coral)}.ref-scan-workbench[data-reference-screen="10"] .screen-header{padding-bottom:4px}.ref-scan-workbench[data-reference-screen="10"] .screen-header .eyebrow{display:none}.ref-scan-workbench[data-reference-screen="10"] .screen-header h1{font-size:18px;text-align:center}.ref-scan-workbench[data-reference-screen="10"] .input-card{border-color:var(--ref-line);background:var(--ref-surface)}.ref-scan-workbench[data-reference-screen="10"] .primary-button{background:var(--ref-coral)}.ref-face-guide,.ref-face-confirm,.ref-face-capture,.ref-face-analyzing,.ref-face-result{background:var(--ref-bg)}.ref-face-guide .screen-header .eyebrow,.ref-face-result .screen-header .eyebrow{display:none}.ref-face-guide .screen-header h1,.ref-face-result .screen-header h1{font-size:18px;text-align:center}.ref-face-guide .screen-header>p:last-child{color:var(--ref-muted);font-size:10px;text-align:center}.ref-face-guide-visual{display:grid;justify-items:center;gap:7px;padding:8px 14px 16px;text-align:center}.ref-face-guide-visual svg{width:154px;height:168px;fill:none;stroke:#7e7974;stroke-linecap:round;stroke-width:1.35}.ref-face-guide-visual strong{font-size:11px}.ref-face-guide-visual small{color:var(--ref-muted);font-size:9.5px}.ref-ondevice-note{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dbe6d3;border-radius:14px;background:var(--ref-sage-soft)}.ref-ondevice-note>span{font-size:20px}.ref-ondevice-note>div{display:grid;gap:2px}.ref-ondevice-note strong{color:var(--ref-sage-text);font-size:11px}.ref-ondevice-note small{color:var(--ref-muted);font-size:8.5px}.ref-face-guide .primary-button,.ref-face-confirm .primary-button,.ref-face-result .primary-button{background:var(--ref-coral)}.ref-face-guide .consent-gate{gap:8px;padding:12px 14px;border-color:var(--ref-line);border-radius:14px;background:var(--ref-surface)}.ref-face-guide .consent-gate h2{font-size:12px}.ref-face-guide .consent-gate .reason-list{gap:3px;margin:0;padding-left:17px;font-size:9px;line-height:14px}.ref-face-guide .consent-gate .disclaimer-note{margin:0!important;font-size:8px!important}.ref-face-guide .consent-gate .action-row{margin-top:2px!important}.ref-face-guide .consent-gate .action-row button{min-height:42px;font-size:11px}.ref-face-confirm .camera-viewport,.ref-face-capture .camera-viewport,.ref-face-analyzing .camera-viewport{overflow:hidden;border-color:var(--ref-line);border-radius:17px}.ref-face-metrics{display:grid;gap:9px}.ref-face-metric{display:flex;align-items:center;gap:12px;min-height:65px;padding:12px 14px;border:1px solid var(--ref-line);border-radius:14px;background:var(--ref-surface)}.ref-face-metric>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f3f7f9}.ref-face-metric>div{display:grid;gap:3px}.ref-face-metric strong{font-size:12px}.ref-face-metric small{color:var(--ref-muted);font-size:10px}.ref-ondevice-result-note{color:var(--ref-muted);font-size:9px;text-align:center}.ref-face-detail summary{padding:10px;color:var(--ref-muted);font-size:10px;text-align:center}.ref-splash-screen{position:relative;padding:0}.ref-splash-hit{display:grid;place-content:center;justify-items:center;gap:22px;width:100%;min-height:calc(100% - 12px);padding:0;border:0;background:transparent}.ref-splash-logo{font-size:42px;font-weight:800;letter-spacing:-2px}.ref-splash-options-trigger{position:absolute;top:8px;right:12px;width:44px;height:44px;border:0;background:transparent;color:var(--ref-muted);letter-spacing:2px}.ref-start-options{position:absolute;z-index:30;right:18px;bottom:24px;left:18px;display:grid;gap:10px;padding:20px;border:1px solid var(--ref-line);border-radius:20px;background:var(--ref-surface);box-shadow:0 20px 60px #3534312e}.ref-start-options h2{font-size:17px;text-align:center}.ref-start-options-close{position:absolute;top:6px;right:8px;width:40px;height:40px;border:0;background:transparent;font-size:22px}.ref-start-options label{display:grid;gap:5px;font-size:10px}.ref-start-options input{min-height:44px;padding:9px 11px;border:1px solid var(--ref-line);border-radius:10px;font:inherit}.ref-start-options p{color:var(--ref-muted);font-size:10px;text-align:center}.ref-legacy-overlay{position:absolute;z-index:80;inset:0;overflow-y:auto;overscroll-behavior:contain;background:var(--ref-bg)}.ref-legacy-close{position:sticky;z-index:4;top:8px;left:calc(100% - 108px);min-width:96px;min-height:40px;margin:8px 10px -48px 0;border:1px solid var(--ref-line);border-radius:999px;background:#fffdfcf5;color:var(--ref-coral);font-size:11px;font-weight:700;box-shadow:var(--ref-shadow)}.ref-legacy-overlay>.screen{min-height:100%;padding-top:54px}.ref-mate-intro{justify-content:space-between;padding-top:22px;padding-bottom:20px}.ref-intro-mates{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;gap:3px;margin:auto 12px}.ref-intro-mates img{width:112px;height:112px;object-fit:contain}.ref-mbti-question{padding-top:2px}.ref-question-header{display:grid;gap:12px}.ref-question-header h1{font-size:18px;line-height:24px;text-align:center}.ref-question-progress{display:flex;align-items:center;gap:12px}.ref-question-progress span{flex:0 0 36px;font-size:11px}.ref-question-progress i{position:relative;flex:1;height:3px;overflow:hidden;border-radius:99px;background:var(--ref-line)}.ref-question-progress b{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--ref-coral)}.ref-question-body{display:grid;align-content:start;flex:1;gap:18px;padding-top:8px}.ref-question-body h2{max-width:290px;font-size:17px;font-weight:600;line-height:25px}.ref-answer-list{display:grid;gap:9px}.ref-answer-list button{min-height:48px;padding:12px 14px;border:1px solid var(--ref-line);border-radius:10px;background:var(--ref-surface);font-size:12px;text-align:left}.ref-answer-list button.is-selected{border-color:#dce5cf;background:var(--ref-sage-soft);box-shadow:inset 3px 0 0 var(--ref-sage-text)}.ref-mate-reveal{align-items:center;padding-top:4px}.ref-mate-reveal>img{width:208px;height:208px;margin-top:4px;object-fit:contain}.ref-mate-identity{display:grid;justify-items:center;gap:4px}.ref-mate-identity strong{font-size:22px}.ref-mate-identity span{color:var(--ref-muted);font-size:12px}.ref-chip-row{display:flex;justify-content:center;gap:7px;width:100%}.ref-chip-row span{padding:7px 9px;border-radius:9px;background:var(--ref-sage-soft);color:var(--ref-sage-text);font-size:10.5px}.ref-mate-description{margin:0;padding:0 2px;color:var(--ref-muted);font-size:12.5px;line-height:1.55;text-align:center}.ref-mate-care{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.ref-mate-care section{padding:10px;border-radius:12px;background:var(--ref-card, #fff);border:1px solid var(--ref-border, rgba(0, 0, 0, .06))}.ref-mate-care h2{margin:0 0 6px;font-size:11.5px;color:var(--ref-muted)}.ref-mate-care ul{margin:0;padding-left:14px;display:grid;gap:3px}.ref-mate-care li{font-size:12px;line-height:1.45}.ref-mate-actions{display:grid;gap:7px;width:100%;margin-top:auto}.ref-mate-secondary{display:flex;justify-content:center;gap:14px;width:100%}.ref-mate-secondary .ref-text-button{display:inline-flex;align-items:center;gap:4px}.ref-mate-reveal .ref-mate-actions .ref-primary-button{margin-top:0}.scroll-more-hint{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));align-self:center;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 18px;border:0;border-radius:999px;background:var(--ref-ink);color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #0000002e}.scroll-more-hint-arrow{animation:scroll-more-hint-bob 1.4s ease-in-out infinite}@keyframes scroll-more-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.scroll-more-hint-arrow{animation:none}}.ref-mate-avoid{width:100%;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:var(--ref-surface);border:1px solid var(--ref-line)}.ref-mate-avoid h2{margin:0;font-size:15px;font-weight:700}.ref-mate-avoid ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.ref-mate-avoid li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;font-size:14px;line-height:1.5}.ref-mate-avoid-name{font-weight:600}.ref-mate-avoid-reason{font-size:12px;color:var(--ref-muted);white-space:nowrap}.ref-mate-avoid-more,.ref-mate-avoid-note{margin:0;font-size:12px;line-height:1.6;color:var(--ref-muted)}.ref-mate-reveal{--ref-mate-enter-ease: cubic-bezier(.22, .75, .3, 1)}@keyframes ref-mate-enter-character{0%{opacity:0;transform:translate3d(0,10px,0) scale(.96)}to{opacity:1;transform:none}}@keyframes ref-mate-enter-rise{0%{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}.ref-mate-reveal>*:where(:not(.mate-share-toast):not(.ref-legacy-overlay):not(.ref-corner-options):not(.first-run-branch)){animation:ref-mate-enter-rise .2s var(--ref-mate-enter-ease) .48s both}.ref-mate-reveal>.ref-centered-header,.ref-mate-reveal>.skin-mate-character{animation:ref-mate-enter-character .3s var(--ref-mate-enter-ease) 0ms both}.ref-mate-reveal>.ref-mate-identity{animation:ref-mate-enter-rise .22s var(--ref-mate-enter-ease) .18s both}.ref-mate-reveal>.ref-chip-row{animation:ref-mate-enter-rise .2s var(--ref-mate-enter-ease) .34s both}.ref-mate-reveal[data-reveal-skipped=true]>*{animation:none}@media(prefers-reduced-motion:reduce){.ref-mate-reveal>*:where(:not(.mate-share-toast):not(.ref-legacy-overlay):not(.ref-corner-options):not(.first-run-branch)),.ref-mate-reveal>.ref-centered-header,.ref-mate-reveal>.skin-mate-character,.ref-mate-reveal>.ref-mate-identity,.ref-mate-reveal>.ref-chip-row{animation:none}}.ref-today-home{gap:10px}.ref-home-title{padding:1px 0 0}.ref-home-mate{position:relative;display:grid;place-items:center;min-height:154px;padding:4px 16px 0;border:0;background:transparent}.ref-home-mate img{width:142px;height:142px;object-fit:contain}.ref-type-badge{position:absolute;top:3px;left:0;display:grid;min-width:60px;padding:8px 10px;border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-surface);font-size:12px;font-weight:700;text-align:left}.ref-type-badge small{color:var(--ref-muted);font-size:9px;font-weight:500}.ref-empty-mate{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:var(--ref-blush);color:var(--ref-coral)}.ref-empty-mate svg{width:42px;height:42px}.ref-home-state{display:grid;gap:9px;padding:12px;border:1px solid var(--ref-line);border-radius:14px;background:var(--ref-surface)}.ref-home-state-title{display:flex;align-items:center;gap:9px}.ref-state-avatar{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:50%;background:var(--ref-sage-soft)}.ref-home-state-title>span:last-child{display:grid;gap:2px}.ref-home-state-title small{color:var(--ref-muted);font-size:10px}.ref-home-state-title strong{font-size:13px}.ref-home-state p{color:var(--ref-muted);font-size:10.5px;line-height:15px}.ref-home-state .ref-primary-button{min-height:44px;padding:8px 12px;font-size:12px}.ref-next-routine{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1px solid var(--ref-line);border-radius:14px;background:var(--ref-surface);text-align:left}.ref-routine-sun{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--ref-warning-soft);color:var(--ref-warning);font-size:21px}.ref-next-routine>span:nth-child(2){display:grid;gap:3px}.ref-next-routine small{color:var(--ref-muted);font-size:10px}.ref-next-routine strong{font-size:12px}.ref-mate-status-link{align-self:center;min-height:44px;padding:8px 10px;border:0;background:transparent;color:var(--ref-muted)!important;font-size:10px;text-decoration:underline}.ref-skin-type{align-items:center}.ref-mate-button{display:grid;place-items:center;padding:0;border:0;background:transparent}.ref-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;width:100%}.ref-metric{display:flex;align-items:center;gap:9px;min-height:70px;padding:11px;border:1px solid var(--ref-line);border-radius:13px;background:var(--ref-surface)}.ref-metric-icon{font-size:22px}.ref-metric>span:last-child{display:grid;gap:3px}.ref-metric strong{font-size:12px}.ref-metric small{color:var(--ref-muted);font-size:10px}.ref-metric-blue .ref-metric-icon{color:#70a9ca}.ref-metric-coral .ref-metric-icon{color:var(--ref-coral)}.ref-footnote{margin-top:auto!important;color:var(--ref-muted);font-size:10px;line-height:15px;text-align:center}.ref-mate-status{align-items:center}.ref-mate-status>img{width:172px;height:172px;object-fit:contain}.ref-mate-status-name{font-size:13px;font-weight:700}.ref-status-list{width:100%;overflow:hidden}.ref-status-list>div,.ref-status-list>button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:10px 13px;border:0;border-bottom:1px solid var(--ref-line);background:transparent}.ref-status-list>:last-child{border-bottom:0}.ref-status-list span{color:var(--ref-muted);font-size:11px}.ref-status-list strong{font-size:11px}.bottom-nav{z-index:20;padding:7px 14px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(232,222,216,.8);background:#fffdfcf7;box-shadow:0 -6px 18px #35343108}.bottom-nav .nav-pill{display:grid;grid-template-columns:repeat(5,1fr);width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.bottom-nav .nav-item{display:grid;place-items:center;gap:2px;min-width:0;min-height:48px;padding:4px 2px;border-radius:12px;color:#6b6561;font-size:10px}.bottom-nav .nav-item>span{display:grid;place-items:center;width:24px;height:24px}.bottom-nav .nav-item svg{width:17px;height:17px}.bottom-nav .nav-item-active{background:var(--ref-blush);color:var(--ref-coral)}@media(max-width:600px){.app-shell{display:block;min-height:100dvh;padding:0}.app-frame{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.app-frame:before{display:none}}.ref-splash-hit img{width:184px;height:184px}.ref-splash-hit{position:absolute;inset:0;min-height:0;transform:translateY(-82px)}.ref-intro-mates img{width:148px;height:148px}.ref-question-body h2{max-width:320px;font-size:20px;line-height:29px}.ref-answer-list{gap:11px}.ref-answer-list button{min-height:58px;padding:14px 16px;font-size:14px}.ref-mate-reveal>img{width:255px;height:255px;margin-top:10px}.ref-home-mate{min-height:202px}.ref-home-mate img{width:202px;height:202px}.ref-mate-button img{width:210px;height:210px}.ref-product-card{grid-template-columns:98px minmax(0,1fr);min-height:146px;padding:15px}.ref-product-card .product-thumb{width:98px;height:98px}.ref-product-copy strong{font-size:14px;line-height:20px}.ref-product-copy small,.ref-product-copy em{font-size:11px;line-height:16px}.ref-scan-entry-actions{gap:15px}.ref-scan-entry-actions button{min-height:112px;padding:17px}.ref-ingredient-list>div{min-height:44px;font-size:12px}.ref-verdict-card{gap:18px;padding:19px}.ref-verdict-heading strong{font-size:16px}.ref-verdict-heading p,.ref-result-reasons{font-size:13px;line-height:20px}.ref-result-reasons{gap:11px}.ref-result-mate{width:154px;height:154px}.ref-face-confirm .camera-viewport{max-height:116px}.ref-face-confirm .confirm-frame,.ref-face-confirm .confirm-frame img{width:100%;height:116px;object-fit:cover}.ref-photo-quality-list{display:grid;gap:10px}.ref-photo-quality-list>div{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:66px;padding:11px 14px;border:1px solid var(--ref-line);border-radius:14px;background:var(--ref-surface)}.ref-photo-quality-list>div>span{display:grid;grid-row:1 / 3;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ref-sage-soft);color:var(--ref-sage-text);font-weight:800}.ref-photo-quality-list strong{font-size:13px}.ref-photo-quality-list small{color:var(--ref-muted);font-size:11px}.ref-face-metric{min-height:78px}.ref-face-metric strong{font-size:14px}.ref-face-metric small{font-size:11px}.ref-calendar{padding:18px 15px 16px}.ref-calendar-weekdays{font-size:10px}.ref-calendar-grid>button{font-size:12px}.ref-weekly-trend{gap:9px;padding:16px}.ref-weekly-trend strong{font-size:14px}.ref-weekly-trend p{font-size:11px;line-height:16px}.ref-trend-line{height:62px}.ref-routine-step{min-height:68px}.ref-routine-step .product-thumb{width:46px;height:46px}.ref-routine-step strong{font-size:13px}.ref-routine-step small{font-size:10.5px;line-height:15px}.ref-mate-tip img{width:132px;height:132px}.ref-mate-tip p{font-size:11px;line-height:16px}.ref-mate-status>img{width:240px;height:240px}.ref-mate-status-name{font-size:15px}.ref-status-list span,.ref-status-list strong{font-size:13px}.ref-profile-summary img{width:110px;height:110px}.ref-profile-summary strong,.ref-ondevice-card strong{font-size:15px}.ref-profile-summary p,.ref-ondevice-card p{font-size:10.5px;line-height:15px}@media(max-height:620px){.ref-screen{gap:9px;padding-top:6px}.ref-intro-mates img{width:84px;height:84px}.ref-home-mate{min-height:104px}.ref-home-mate img{width:98px;height:98px}}@media(prefers-reduced-motion:reduce){.ref-screen *,.ref-screen *:before,.ref-screen *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bottom-nav{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:4px;overflow:visible;padding:9px 8px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(232,222,216,.82);background:#fffdfcfa}.bottom-nav .nav-item{min-height:56px;padding:5px 2px 2px;border:0;border-radius:14px;background:transparent}.bottom-nav .nav-item>span{width:28px;height:25px}.bottom-nav .nav-item svg{width:19px;height:19px}.bottom-nav .nav-item-active{background:var(--ref-blush);color:var(--color-coral-text);font-weight:700}.bottom-nav .nav-item-active:before{top:-9px;display:block;width:20px;height:3px;background:var(--ref-coral)}.bottom-nav .nav-fab{position:absolute;top:-25px;left:50%;z-index:22;display:grid;place-items:center;width:66px;height:66px;padding:0;transform:translate(-50%);border:5px solid var(--ref-bg);border-radius:50%;background:var(--ref-coral);color:#fff;box-shadow:0 12px 28px #c3483640}.bottom-nav .nav-fab span{display:grid;place-items:center;width:30px;height:30px}.bottom-nav .nav-fab svg{width:28px;height:28px}.bottom-nav .nav-fab[aria-current=page]{background:var(--ref-coral-pressed)}.bottom-nav .nav-fab-slot{display:block;min-height:56px}.profile-screen[data-reference-screen="20"]{gap:0;min-height:100%;padding:12px 18px 38px;background:var(--ref-bg);color:var(--ref-ink)}.profile-screen .profile-hero{padding:18px 0 30px}.profile-screen .profile-avatar{width:94px;height:94px;border:4px solid var(--ref-surface);border-radius:28px;background:var(--ref-blush);box-shadow:var(--ref-shadow)}.profile-screen .profile-avatar-img{border-radius:24px}.profile-screen .profile-badge{right:-9px;bottom:-7px;padding:5px 10px;border-color:var(--ref-bg);background:var(--ref-coral);font-size:11px}.profile-screen .profile-hero h1{margin-top:17px;color:var(--ref-ink);font-size:24px}.profile-screen .profile-hero>p{margin-top:18px;color:var(--ref-muted);font-size:13px;line-height:20px}.profile-screen .profile-chips{gap:7px;margin-top:13px}.profile-screen .profile-chips .chip{min-height:34px;padding:7px 12px;border-color:var(--ref-line);background:var(--ref-surface);color:var(--ref-ink);font-size:11px}.profile-screen .os-group-label{margin:22px 4px 11px;color:var(--ref-muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:none}.profile-screen .os-card-group,.profile-screen .profile-field-editor{overflow:hidden;margin-bottom:17px;border:1px solid var(--ref-line);border-radius:20px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.profile-screen .profile-login-card{margin-top:6px}.profile-screen .os-card-row{min-height:74px;gap:14px;padding:13px 16px}.profile-screen .os-card-row+.os-card-row{border-top-color:var(--ref-line)}.profile-screen .os-card-icon{width:48px;height:48px;border-radius:15px}.profile-screen .os-card-icon svg{width:21px;height:21px}.profile-screen .os-card-text{gap:4px}.profile-screen .os-card-text .t{color:var(--ref-ink);font-size:16px}.profile-screen .os-card-text .s{color:var(--ref-muted);font-size:11.5px}.profile-screen .os-chev{color:var(--ref-muted);font-size:22px}.ref-journal-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--ref-line);border-radius:15px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.ref-journal-view-tabs button{min-height:42px;padding:8px 10px;border:0;border-radius:11px;background:transparent;color:var(--ref-muted);font-size:12px;font-weight:700}.ref-journal-view-tabs button[aria-selected=true]{background:var(--ref-coral);color:#fff}.ref-vanity-list{display:grid;gap:12px}.ref-vanity-summary{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:16px;background:linear-gradient(145deg,var(--ref-sage-soft),var(--ref-surface))}.ref-vanity-summary span{color:var(--ref-sage-text);font-size:11px;font-weight:700}.ref-vanity-summary strong{grid-row:1 / span 2;grid-column:2;color:var(--ref-coral);font-size:24px}.ref-vanity-summary p{color:var(--ref-muted);font-size:11px;line-height:17px}.ref-ranking-detail-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:68px;padding:13px 15px;border:1px solid var(--ref-line);border-radius:15px;background:linear-gradient(145deg,var(--ref-sage-soft),var(--ref-surface));box-shadow:var(--ref-shadow);text-align:left}.ref-ranking-detail-trigger>span:first-child{display:grid;gap:4px}.ref-ranking-detail-trigger strong{color:var(--ref-ink);font-size:13px}.ref-ranking-detail-trigger small{color:var(--ref-muted);font-size:10.5px}.ref-ranking-detail-trigger>span:last-child{color:var(--ref-coral);font-size:24px}.ref-ranking-detail-overlay{background:var(--ref-bg)}.ref-ranking-detail-overlay .ref-legacy-close{border:1px solid rgba(195,72,54,.2);background:var(--ref-blush);color:var(--ref-coral)}.ref-ranking-detail-overlay>.skin-mbti-ranking-screen{padding-top:52px;background:var(--ref-bg)}.ref-ranking-detail-overlay .ranking-screen-header{border-bottom-color:var(--ref-line);background:#faf8f6f5}.ref-ranking-detail-overlay .ranking-intro{margin:12px 14px 10px;padding:16px;border:1px solid var(--ref-line);border-radius:18px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.ref-ranking-detail-overlay .ranking-intro h1{font-size:22px}.ref-ranking-detail-overlay .ranking-mate-line span,.ref-ranking-detail-overlay .ranking-pretty-copy,.ref-ranking-detail-overlay .ranking-fit-line{color:var(--ref-sage-text)}.ref-ranking-detail-overlay .ranking-disclosure{background:var(--ref-sage-soft);color:var(--ref-sage-text)}.ref-ranking-detail-overlay .ranking-category-rail{padding:5px 14px 12px;scroll-padding-inline:14px}.ref-ranking-detail-overlay .ranking-category-chip{min-height:40px;padding:0 14px;border-color:var(--ref-line);border-radius:12px;background:var(--ref-surface);color:var(--ref-muted);font-size:12px}.ref-ranking-detail-overlay .ranking-category-chip.is-selected{border-color:var(--ref-coral);background:var(--ref-coral);color:#fff}.ref-ranking-detail-overlay .ranking-carousel-viewport{grid-auto-columns:calc(100% - 28px);gap:10px;padding:0 14px 6px;scroll-padding-inline:14px}.ref-ranking-detail-overlay .ranking-carousel.is-single .ranking-carousel-viewport{grid-auto-columns:calc(100% - 28px)}.ref-ranking-detail-overlay .ranking-page{overflow:hidden;padding:2px 12px;border:1px solid var(--ref-line);border-radius:18px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.ref-ranking-detail-overlay .ranking-product-row{grid-template-columns:30px 74px minmax(0,1fr);gap:10px;min-height:116px;padding:12px 0;border-bottom-color:var(--ref-line)}.ref-ranking-detail-overlay .ranking-product-row .product-thumb{width:74px;height:74px;border-color:var(--ref-line);border-radius:13px}.ref-ranking-detail-overlay .ranking-number strong{color:var(--ref-coral);font-size:20px}.ref-ranking-detail-overlay .ranking-product-copy>strong{font-size:13px}.ref-ranking-detail-overlay .ranking-product-copy>b{font-size:14px}.ref-ranking-detail-overlay .ranking-page-controls button{border-color:var(--ref-line);background:var(--ref-surface);color:var(--ref-coral)}.ref-ranking-detail-overlay .ranking-single-candidate{color:var(--ref-sage-text)}@media(max-width:380px){.profile-screen[data-reference-screen="20"]{padding-inline:14px}.profile-screen .profile-hero>p{font-size:12px}.profile-screen .os-card-text .t{font-size:14px}.ref-ranking-detail-overlay .ranking-product-row{grid-template-columns:28px 66px minmax(0,1fr)}.ref-ranking-detail-overlay .ranking-product-row .product-thumb{width:66px;height:66px}}.ref-mbti-guide-screen{gap:14px;min-height:100%;padding:8px 16px 34px;background:var(--ref-bg);color:var(--ref-ink)}.mbti-guide-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:54px}.mbti-guide-header>div{display:grid;gap:1px;text-align:center}.mbti-guide-header>div>span{color:var(--ref-coral);font-size:10px;font-weight:700}.mbti-guide-header h1{margin:0;font-size:18px;line-height:24px}.mbti-guide-back{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ref-ink)}.mbti-guide-back svg{width:23px;height:23px}.mbti-guide-lead{margin:-3px 18px 2px;color:var(--ref-muted);font-size:11.5px;line-height:18px;text-align:center}.mbti-current-card{position:relative;display:grid;grid-template-columns:102px minmax(0,1fr);align-items:center;gap:12px;min-height:136px;padding:14px;overflow:hidden;border:1px solid #dce5d6;border-radius:20px;background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.9),transparent 34%),linear-gradient(145deg,var(--ref-sage-soft),var(--ref-surface));box-shadow:var(--ref-shadow)}.mbti-current-card>img{width:102px;height:102px;object-fit:contain}.mbti-current-copy{display:grid;gap:3px;min-width:0}.mbti-current-copy>span{color:var(--ref-sage-text);font-size:10px;font-weight:800}.mbti-current-copy h2{margin:0;font-size:18px;line-height:24px}.mbti-current-copy>strong{color:var(--ref-coral);font-size:12px}.mbti-current-copy p{display:-webkit-box;overflow:hidden;margin:3px 0 0;color:var(--ref-muted);font-size:10.5px;line-height:16px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mbti-mine-badge{position:absolute;top:11px;right:11px;padding:5px 8px;border-radius:999px;background:var(--ref-coral);color:#fff;font-size:9px;font-weight:800}.mbti-axis-guide{overflow:hidden;border:1px solid var(--ref-line);border-radius:17px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.mbti-axis-guide>summary{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:12px 14px;cursor:pointer;list-style:none}.mbti-axis-guide>summary::-webkit-details-marker{display:none}.mbti-axis-guide>summary>span:first-child{display:grid;gap:4px}.mbti-axis-guide>summary strong{font-size:13px}.mbti-axis-guide>summary small{color:var(--ref-muted);font-size:10.5px}.mbti-axis-guide>summary>span:last-child{color:var(--ref-coral);font-size:20px;transition:transform .16s ease}.mbti-axis-guide[open]>summary>span:last-child{transform:rotate(180deg)}.mbti-axis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px}.mbti-axis-card{display:grid;align-content:start;gap:8px;min-width:0;padding:11px;border-radius:13px;background:var(--ref-sage-soft)}.mbti-axis-card>header{display:flex;align-items:center;justify-content:space-between}.mbti-axis-card>header strong{font-size:11px}.mbti-axis-card>header span{color:var(--ref-sage-text);font-size:9px;font-weight:800}.mbti-axis-choice{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:7px}.mbti-axis-choice>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--ref-surface);color:var(--ref-coral);font-size:11px;font-weight:800}.mbti-axis-choice p{display:grid;gap:2px;min-width:0;margin:0}.mbti-axis-choice p strong{font-size:10px}.mbti-axis-choice p small{display:-webkit-box;overflow:hidden;color:var(--ref-muted);font-size:8.5px;line-height:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mbti-guide-disclaimer{margin:0 12px 12px;padding:9px 10px;border-radius:10px;background:var(--ref-blush);color:var(--ref-muted);font-size:9.5px;line-height:14px}.mbti-type-directory{display:grid;gap:11px}.mbti-directory-head{display:flex;align-items:end;justify-content:space-between;padding:7px 2px 0}.mbti-directory-head>div{display:grid;gap:2px}.mbti-directory-head span{color:var(--ref-coral);font-size:9px;font-weight:800;letter-spacing:.08em}.mbti-directory-head h2{margin:0;font-size:17px}.mbti-directory-head>strong{color:var(--ref-muted);font-size:11px}.mbti-guide-search{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:center;min-height:48px;padding:0 9px 0 13px;border:1px solid var(--ref-line);border-radius:14px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.mbti-guide-search svg{width:17px;height:17px;color:var(--ref-muted)}.mbti-guide-search input{width:100%;min-width:0;height:44px;padding:0 7px;border:0;outline:0;background:transparent;color:var(--ref-ink);font:inherit;font-size:12px}.mbti-guide-search input::placeholder{color:#a59d98}.mbti-guide-search button{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--ref-blush);color:var(--ref-coral);font-size:18px}.mbti-guide-filters{display:flex;gap:7px;overflow-x:auto;margin-inline:-16px;padding:0 16px 3px;scrollbar-width:none}.mbti-guide-filters::-webkit-scrollbar{display:none}.mbti-guide-filters button{flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-surface);color:var(--ref-muted);font-size:11px;font-weight:700}.mbti-guide-filters button.is-selected{border-color:var(--ref-coral);background:var(--ref-coral);color:#fff}.mbti-type-list{display:grid;gap:9px}.mbti-directory-card{overflow:hidden;border:1px solid var(--ref-line);border-radius:16px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.mbti-directory-card.is-mine{border-color:#c3483675}.mbti-directory-card.is-expanded{border-color:var(--ref-coral)}.mbti-directory-row{display:grid;grid-template-columns:66px minmax(0,1fr) 28px;align-items:center;gap:10px;width:100%;min-height:84px;padding:9px 10px;border:0;background:transparent;text-align:left}.mbti-directory-row>img{width:64px;height:64px;object-fit:contain}.mbti-directory-copy{display:grid;gap:3px;min-width:0}.mbti-directory-copy>span{color:var(--ref-coral);font-size:9.5px;font-weight:800;letter-spacing:.04em}.mbti-directory-copy strong,.mbti-directory-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbti-directory-copy strong{font-size:13px}.mbti-directory-copy small{color:var(--ref-muted);font-size:10px}.mbti-directory-chevron{color:var(--ref-coral);font-size:18px;text-align:center;transition:transform .16s ease}.mbti-directory-card.is-expanded .mbti-directory-chevron{transform:rotate(180deg)}.mbti-directory-detail{display:grid;gap:9px;margin:0 12px 12px;padding:12px;border-radius:13px;background:var(--ref-sage-soft)}.mbti-directory-keywords{display:flex;flex-wrap:wrap;gap:6px}.mbti-directory-keywords span{padding:5px 8px;border-radius:8px;background:var(--ref-surface);color:var(--ref-sage-text);font-size:9.5px;font-weight:700}.mbti-directory-detail p{margin:0;color:var(--ref-ink);font-size:11px;line-height:17px}.mbti-directory-detail>small{padding-top:8px;border-top:1px solid rgba(113,139,102,.18);color:var(--ref-muted);font-size:9.5px;line-height:14px}.mbti-guide-empty{display:grid;justify-items:center;gap:7px;padding:26px 18px;border:1px solid var(--ref-line);border-radius:18px;background:var(--ref-surface);text-align:center}.mbti-guide-empty strong{font-size:14px}.mbti-guide-empty p{margin:0;color:var(--ref-muted);font-size:11px}.mbti-guide-empty button{min-height:40px;margin-top:5px;padding:0 14px;border:0;border-radius:11px;background:var(--ref-coral);color:#fff;font-size:11px;font-weight:700}@media(max-width:350px){.ref-mbti-guide-screen{padding-inline:13px}.mbti-current-card{grid-template-columns:82px minmax(0,1fr)}.mbti-current-card>img{width:82px;height:82px}.mbti-axis-grid{grid-template-columns:1fr}.mbti-guide-filters{margin-inline:-13px;padding-inline:13px}}.app-shell[data-channel=ios],.app-shell[data-channel=toss]{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden;overscroll-behavior:none}.app-shell[data-channel=toss] .app-frame{width:100%;height:100%;max-height:none}.app-shell[data-channel=toss] .app-scroll{box-sizing:border-box;padding-top:max(18px,calc(env(safe-area-inset-top,0px) + 6px));overflow-y:auto;overscroll-behavior-y:none}.app-shell[data-channel=toss] .app-frame:has(>.bottom-nav)>.app-scroll{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.app-shell[data-channel=ios] .app-frame{width:100%;height:100%;max-height:none}.app-shell[data-channel=ios] .app-scroll{box-sizing:border-box;padding-top:max(34px,calc(env(safe-area-inset-top,0px) + 10px));overscroll-behavior-y:none}.app-shell[data-channel=ios] .app-frame:has(>.bottom-nav)>.app-scroll{padding-bottom:92px}.app-frame>.bottom-nav{position:relative;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:0 0 auto;align-items:end;gap:4px;width:100%;min-height:68px;box-sizing:border-box;overflow:visible;padding:8px 8px max(4px,env(safe-area-inset-bottom,0px));border-top:1px solid rgba(232,222,216,.82);background:#fffdfcfa;box-shadow:0 -6px 18px #3534310a}.app-shell[data-channel=ios] .app-frame>.bottom-nav{position:fixed;right:16px;bottom:max(8px,calc(env(safe-area-inset-bottom,0px) - 8px));left:16px;width:auto;min-height:66px;padding:6px 8px 4px;border:0;border-radius:24px;background:#fffffffa;box-shadow:0 10px 30px #4e403a21}.app-shell[data-channel=toss] .app-frame>.bottom-nav{position:fixed;right:16px;bottom:max(10px,env(safe-area-inset-bottom,0px));left:16px;width:auto;min-height:66px;padding:6px 8px 4px;border:0;border-radius:24px;background:#fffffffa;box-shadow:0 10px 30px #4e403a21}.app-frame>.bottom-nav .nav-item{display:grid;place-items:center;gap:2px;min-width:0;min-height:56px;padding:5px 2px 2px;border:0;border-radius:14px;background:transparent;color:#6b6561;font-size:10px}.app-frame>.bottom-nav .nav-item>span{display:grid;place-items:center;width:28px;height:25px}.app-frame>.bottom-nav .nav-item svg{width:19px;height:19px}.app-frame>.bottom-nav .nav-item-active{background:var(--ref-blush);color:var(--color-coral-text);font-weight:700}.app-frame>.bottom-nav .nav-item-active:before{top:-8px;display:block;width:20px;height:3px;background:var(--ref-coral)}.app-frame>.bottom-nav .nav-fab{position:absolute;top:-24px;left:50%;z-index:22;display:grid;place-items:center;width:66px;height:66px;padding:0;transform:translate(-50%);border:5px solid var(--ref-bg);border-radius:50%;background:var(--ref-coral);color:#fff;box-shadow:0 12px 28px #c3483640}.app-frame>.bottom-nav .nav-fab span{display:grid;place-items:center;width:30px;height:30px}.app-frame>.bottom-nav .nav-fab svg{width:28px;height:28px}.app-frame>.bottom-nav .nav-fab-slot{display:block;min-height:56px}.app-shell[data-channel=ios] .app-frame>.bottom-nav .nav-fab{top:-20px;width:62px;height:62px}.app-shell[data-channel=toss] .app-frame>.bottom-nav .nav-fab{top:-20px;width:62px;height:62px}.toss-action-sheet,.toss-policy-dialog{border-radius:24px;box-shadow:0 16px 48px #4e403a2e}.ref-start-options.toss-action-sheet{position:relative;z-index:auto;inset:auto;width:100%;padding:4px 20px max(20px,env(safe-area-inset-bottom,0px));border:0;border-radius:0;box-shadow:none}.toss-tutorial-sheet,.toss-ranking-sheet{display:grid;gap:18px;padding:4px 20px max(22px,env(safe-area-inset-bottom,0px));color:var(--ref-ink)}.toss-tutorial-progress{display:grid;grid-template-columns:repeat(var(--tutorial-step-count, 6),1fr);gap:6px}.toss-tutorial-progress span{height:4px;border-radius:99px;background:var(--ref-line)}.toss-tutorial-progress span.is-active{background:var(--ref-coral)}.toss-tutorial-visual{display:grid;place-items:center;min-height:168px;border-radius:24px;background:linear-gradient(145deg,var(--ref-blush),var(--ref-sage-soft));color:var(--ref-coral)}.toss-tutorial-visual>svg{width:64px;height:64px}.toss-tutorial-copy{display:grid;gap:8px;text-align:center}.toss-tutorial-copy small{color:var(--ref-coral);font-weight:700}.toss-tutorial-copy h2{font-size:22px;line-height:1.3}.toss-tutorial-copy p{color:var(--ref-muted);font-size:14px;line-height:1.55}.toss-tutorial-actions,.toss-ranking-actions{display:grid;gap:10px;grid-template-columns:1fr}.toss-tutorial-actions:has(>:nth-child(2)){grid-template-columns:minmax(88px,.38fr) 1fr}.toss-ranking-sheet .ranking-sheet-product,.toss-ranking-sheet .ranking-sheet-section,.toss-ranking-sheet .ranking-sheet-facts{margin:0}@media(max-width:600px)and (max-height:900px){.skin-diagnosis-screen[data-diagnosis-phase=question]{gap:10px;min-height:100%;padding:8px 16px max(12px,env(safe-area-inset-bottom,0px))}.skin-diagnosis-screen[data-diagnosis-phase=question] .screen-header{padding:2px 4px 0}.skin-diagnosis-screen[data-diagnosis-phase=question] .screen-header h1{font-size:24px;line-height:1.16}.skin-diagnosis-screen[data-diagnosis-phase=question] .screen-header>p:last-child{margin-top:4px;font-size:12px;line-height:1.4}.skin-diagnosis-screen[data-diagnosis-phase=question] .precision-toggle{min-height:44px;padding:8px 10px;font-size:11px}.skin-diagnosis-screen[data-diagnosis-phase=question] .onboarding-progress{padding:8px 10px}.skin-diagnosis-screen[data-diagnosis-phase=question] .onboarding-progress div{width:36px;height:36px}.skin-diagnosis-screen[data-diagnosis-phase=question] .focused-question{min-height:0;padding:14px 16px}.skin-diagnosis-screen[data-diagnosis-phase=question] .score-control span{margin-bottom:4px;font-size:17px;line-height:1.28}.skin-diagnosis-screen[data-diagnosis-phase=question] .score-control small{margin-top:4px;font-size:11px}.skin-diagnosis-screen[data-diagnosis-phase=question] .segmented{gap:4px;margin-top:12px}.skin-diagnosis-screen[data-diagnosis-phase=question] .segment{min-height:46px;padding:4px;font-size:10.5px}.skin-diagnosis-screen[data-diagnosis-phase=question] .unknown-answer{min-height:40px;margin-top:6px}.skin-diagnosis-screen[data-diagnosis-phase=question] .diagnosis-encouragement{margin-top:0;font-size:11px}.skin-diagnosis-screen[data-diagnosis-phase=question] .onboarding-actions{position:sticky;bottom:16px;margin-top:auto;padding:6px 0 0;background:linear-gradient(180deg,rgba(255,253,252,0),var(--ref-bg) 28%)}.skin-diagnosis-screen[data-diagnosis-phase=question] .onboarding-actions .primary-button,.skin-diagnosis-screen[data-diagnosis-phase=question] .onboarding-actions .secondary-button{min-height:52px}}.ref-login-screen{gap:14px;min-height:100%;padding:8px 18px 32px;background:var(--ref-bg);color:var(--ref-ink)}.ref-login-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:52px}.ref-login-header button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent}.ref-login-header button svg{width:22px;height:22px}.ref-login-header h1{margin:0;font-size:18px;text-align:center}.ref-login-hero{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid #dce5d6;border-radius:20px;background:linear-gradient(145deg,var(--ref-sage-soft),var(--ref-surface));box-shadow:var(--ref-shadow)}.ref-login-hero>img{width:112px;height:112px;object-fit:contain}.ref-login-hero>div{display:grid;gap:5px}.ref-login-hero span{color:var(--ref-sage-text);font-size:9.5px;font-weight:800}.ref-login-hero h2{margin:0;font-size:17px;line-height:23px}.ref-login-hero p{margin:0;color:var(--ref-muted);font-size:10px;line-height:15px}.ref-login-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ref-login-benefits>div{display:grid;justify-items:center;align-content:start;gap:7px;min-height:104px;padding:11px 7px;border:1px solid var(--ref-line);border-radius:14px;background:var(--ref-surface);text-align:center}.ref-login-benefits svg{width:21px;height:21px;color:var(--ref-coral)}.ref-login-benefits span{display:grid;gap:4px}.ref-login-benefits strong{font-size:10.5px}.ref-login-benefits small{color:var(--ref-muted);font-size:8.5px;line-height:12px}.ref-login-form{display:grid;gap:11px;padding:15px;border:1px solid var(--ref-line);border-radius:18px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.ref-login-form>div{display:grid;gap:3px}.ref-login-form h2{margin:0;font-size:15px}.ref-login-form p,.ref-login-form label span{color:var(--ref-muted);font-size:9.5px}.ref-login-form label{display:grid;gap:6px}.ref-login-form input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--ref-line);border-radius:12px;outline:0;background:var(--ref-bg);color:var(--ref-ink);font:inherit;font-size:12px}.ref-login-form input:focus{border-color:var(--ref-coral);box-shadow:0 0 0 3px #c348361a}.ref-login-email-button{min-height:48px;padding:10px 14px;border:0;border-radius:12px;font-size:12px;font-weight:800}.ref-login-email-button{background:var(--ref-coral);color:#fff}.ref-login-email-button:disabled{opacity:.5}.ref-login-divider{position:relative;display:grid;place-items:center;min-height:16px;color:var(--ref-muted);font-size:9px}.ref-login-divider:before{position:absolute;right:0;left:0;height:1px;background:var(--ref-line);content:""}.ref-login-divider span{position:relative;padding:0 10px;background:var(--ref-bg)}.ref-login-notice{margin:0;padding:9px 10px;border-radius:10px;font-size:10px;line-height:15px;text-align:center}.ref-login-notice.is-success{background:var(--ref-sage-soft);color:var(--ref-sage-text)}.ref-login-notice.is-error{background:var(--ref-blush);color:var(--ref-coral)}.ref-login-policy{margin:0;color:var(--ref-muted);font-size:9px;line-height:14px;text-align:center}.ref-login-policy button{margin-left:4px;padding:0;border:0;background:transparent;color:var(--ref-coral);font:inherit;text-decoration:underline}@media(max-width:350px){.ref-login-screen{padding-inline:14px}.ref-login-hero{grid-template-columns:90px minmax(0,1fr)}.ref-login-hero>img{width:90px;height:90px}.ref-login-benefits{grid-template-columns:1fr}.ref-login-benefits>div{grid-template-columns:28px minmax(0,1fr);justify-items:start;align-items:center;min-height:58px;text-align:left}}.ref-home-mate-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ref-home-mate-actions>button{display:grid;grid-template-columns:38px minmax(0,1fr) 13px;align-items:center;gap:7px;min-height:66px;padding:9px;border:1px solid var(--ref-line);border-radius:14px;background:var(--ref-surface);box-shadow:var(--ref-shadow);text-align:left}.ref-home-action-icon{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:12px}.ref-home-action-icon img{width:34px;height:34px;object-fit:contain}.ref-home-action-icon svg{width:19px;height:19px}.ref-home-action-mate{background:var(--ref-sage-soft)}.ref-home-action-retest{background:var(--ref-blush);color:var(--ref-coral)}.ref-home-mate-actions>button>span:nth-child(2){display:grid;gap:3px;min-width:0}.ref-home-mate-actions strong,.ref-home-mate-actions small{display:-webkit-box;overflow:hidden;line-height:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ref-home-mate-actions strong{font-size:10.5px}.ref-home-mate-actions small{color:var(--ref-muted);font-size:8.5px}.ref-home-mate-actions>button>span:last-child{color:var(--ref-coral);font-size:18px}.ref-mate-status{align-items:stretch;gap:12px;padding-bottom:32px}.ref-mate-status-hero{display:grid;grid-template-columns:142px minmax(0,1fr);align-items:center;gap:7px;min-height:166px;padding:11px 13px 11px 6px;border:1px solid #dce5d6;border-radius:20px;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.92),transparent 35%),linear-gradient(145deg,var(--ref-sage-soft),var(--ref-surface));box-shadow:var(--ref-shadow)}.ref-mate-status-hero>img{width:142px;height:142px;object-fit:contain}.ref-mate-status-hero>div{display:grid;gap:5px;min-width:0}.ref-mate-status-hero>div>span{color:var(--ref-sage-text);font-size:9.5px;font-weight:800}.ref-mate-status-hero h2{margin:0;font-size:16px;line-height:21px}.ref-mate-status-hero strong{display:flex;align-items:center;gap:6px;color:var(--ref-coral);font-size:10.5px;line-height:15px}.ref-mate-status-hero strong i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--ref-coral);box-shadow:0 0 0 4px #c348361a}.ref-mate-status-hero p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ref-muted);font-size:9.5px;line-height:14px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ref-mate-status .ref-status-list{flex:0 0 auto}.ref-mbti-role-card{display:grid;gap:12px;padding:15px;border:1px solid var(--ref-line);border-radius:18px;background:var(--ref-surface);box-shadow:var(--ref-shadow)}.ref-mbti-role-card>header{display:grid;gap:4px}.ref-mbti-role-card>header>span{color:var(--ref-coral);font-size:9px;font-weight:800;letter-spacing:.08em}.ref-mbti-role-card h2{margin:0;font-size:16px}.ref-mbti-role-card>header p{margin:0;color:var(--ref-muted);font-size:10px;line-height:15px}.ref-mbti-role-list{display:grid;gap:7px}.ref-mbti-role-list>div{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:9px;padding:10px;border-radius:12px;background:var(--ref-sage-soft)}.ref-mbti-role-list strong{display:grid;place-items:center;min-height:26px;border-radius:8px;background:var(--ref-surface);color:var(--ref-sage-text);font-size:10px}.ref-mbti-role-list p{margin:0;color:var(--ref-ink);font-size:10px;line-height:15px}.ref-mbti-state-note{margin:0;padding:10px;border-radius:11px;background:var(--ref-blush);color:var(--ref-muted);font-size:9.5px;line-height:14px}.ref-mbti-guide-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;border:1px solid rgba(195,72,54,.24);border-radius:12px;background:var(--ref-surface);color:var(--ref-coral)!important;font-size:11px;font-weight:800}.ref-mbti-guide-link span{font-size:20px}@media(max-width:350px){.ref-home-mate-actions{grid-template-columns:1fr}.ref-mate-status-hero{grid-template-columns:116px minmax(0,1fr)}.ref-mate-status-hero>img{width:116px;height:116px}}.ref-mate-growth{display:grid;gap:8px;margin:0 0 14px;padding:16px 18px;border-radius:22px;border:1px solid var(--color-line);background:var(--color-surface)}.ref-mate-growth-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ref-mate-growth-head h2{margin:0;font-size:14px;color:var(--color-muted)}.ref-mate-growth-head span{padding:4px 10px;border-radius:999px;background:var(--color-blush);color:var(--color-coral-text);font-size:12px;font-weight:700}.ref-mate-growth>strong{font-size:18px;color:var(--color-ink)}.ref-mate-growth-bar{height:8px;border-radius:999px;background:var(--color-line);overflow:hidden}.ref-mate-growth-bar i{display:block;height:100%;min-width:6px;border-radius:999px;background:var(--color-coral);transition:width .3s ease}.ref-mate-growth>p{margin:0;font-size:13.5px;line-height:1.6;color:var(--color-ink)}.ref-mate-growth-note{color:var(--color-muted)!important;font-size:12.5px!important}@media(prefers-reduced-motion:reduce){.ref-mate-growth-bar i{transition:none}}.ref-ranking-ask-card{display:grid;gap:12px;justify-items:center;text-align:center;padding:22px 18px}.ref-ranking-ask-card h2{margin:0;font-size:20px;line-height:1.35;color:var(--color-ink)}.ref-ranking-ask-card>p{margin:0;font-size:14px;line-height:1.6;color:var(--color-muted)}.ref-ranking-ask-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.ref-ranking-ask-chips button{padding:11px 16px;min-height:44px;border-radius:999px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);font-size:14px;font-weight:600}.ref-ranking-ask-chips button:hover,.ref-ranking-ask-chips button:focus-visible{border-color:var(--color-coral);background:var(--color-blush);color:var(--color-coral-text)}.ref-ranking-reset{justify-self:start;margin:-4px 0 8px}.ref-question-back{display:block;margin:10px auto 0;padding:8px 16px}.ref-home-record-hint{margin:6px 0 0;color:var(--color-muted);font-size:12px;line-height:1.6}.ref-home-mate-cta{display:block;margin-top:4px;color:var(--color-coral-text);font-size:12px;font-weight:700}.ref-routine-rationale{margin:4px 0 0;color:var(--color-coral-text);font-size:12px;line-height:1.6;text-align:center}.ref-ranking-rail{display:flex;gap:8px;margin:0 0 14px;padding:2px 0 6px;overflow-x:auto;scrollbar-width:none}.ref-ranking-rail::-webkit-scrollbar{display:none}.ref-ranking-rail-chip{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-muted);font-size:13px;font-weight:600;white-space:nowrap}.ref-ranking-rail-chip.is-active{border-color:var(--color-coral);background:var(--color-blush);color:var(--color-coral-text);font-weight:700}.ranking-board-screen{padding-bottom:24px}.ranking-board-header{text-align:center;margin-bottom:14px}.ranking-board-header h1{font-size:22px;line-height:1.3}.ranking-board-header p{margin:4px 0 0;color:var(--color-muted);font-size:13px}.ranking-board-rail-wrap{position:relative;margin-bottom:16px}.ranking-board-rail-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:28px;pointer-events:none;background:linear-gradient(90deg,rgba(250,247,242,0),var(--color-cream))}.ranking-board-rail{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.ranking-board-rail::-webkit-scrollbar{display:none}.ranking-board-chip{flex:0 0 auto;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-muted);font-size:13px;font-weight:600;white-space:nowrap}.ranking-board-chip.is-active{border-color:var(--color-coral);background:var(--color-blush);color:var(--color-coral-text);font-weight:700}.ranking-board-header-line{display:flex;align-items:center;gap:4px}.ranking-board-header-line h1{margin:0}.ranking-board-chip-count{margin-left:4px;opacity:.7;font-variant-numeric:tabular-nums}.ranking-board-podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;margin-bottom:18px}.ranking-board-podium-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:16px;border:1px solid var(--color-line);background:var(--color-surface);text-align:center}.ranking-board-podium-item.is-rank-1{grid-column:2;grid-row:1}.ranking-board-podium-item.is-rank-2{grid-column:1;grid-row:1}.ranking-board-podium-item.is-rank-3{grid-column:3;grid-row:1}.ranking-board-podium-item.is-rank-1{padding-top:20px;border-color:var(--color-coral);background:var(--color-blush)}.ranking-board-podium-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--color-coral);color:#fff;font-size:13px;font-weight:800}.ranking-board-podium-item .product-thumb{width:56px;height:56px}.ranking-board-podium-name{font-size:12px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranking-board-podium-brand{color:var(--color-muted);font-size:11px}.ranking-board-podium-item.is-rank-1 .ranking-board-podium-brand{color:var(--color-ink)}.ranking-board-sorts{display:flex;gap:8px;margin-bottom:12px}.ranking-board-sort{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--color-muted);font-size:13px;font-weight:600}.ranking-board-sort.is-active{color:var(--color-coral-text);font-weight:800}.ranking-board-list{list-style:none;margin:0;padding:0}.ranking-board-list>li+li{border-top:1px solid var(--color-line)}.ranking-board-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 4px;border:0;background:transparent;text-align:left;cursor:pointer}.ranking-board-row-rank{flex:0 0 24px;color:var(--color-coral-text);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.ranking-board-row .product-thumb{width:52px;height:52px;flex:0 0 52px}.ranking-board-row-copy{min-width:0}.ranking-board-row-copy strong{display:block;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranking-board-row-copy small{display:block;margin-top:2px;color:var(--color-muted);font-size:12px}.ranking-board-row-copy em{display:block;margin-top:4px;color:var(--ref-sage-text);font-size:12px;font-style:normal;line-height:1.5}.ranking-board-row-rating{display:block;margin-top:4px;color:var(--color-muted);font-size:12px}.ranking-board-empty{margin:32px 0;text-align:center;color:var(--color-muted)}.ranking-board-note{display:flex;align-items:center;gap:8px;margin:20px 0 0;color:var(--color-muted);font-size:12px}.ranking-board-row-tag{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--color-blush);color:var(--color-coral-text);font-size:11px;font-weight:700}.ranking-computing{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px 56px;text-align:center}.ranking-computing-title{margin:4px 0 0;font-size:1.05rem;font-weight:700;color:var(--color-ink)}.ranking-computing-type{margin:0;font-size:.86rem;color:var(--color-ink-muted, #6b7280)}.ranking-computing-steps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.ranking-computing-steps li{position:relative;padding:10px 14px 10px 34px;border-radius:12px;background:var(--color-surface-muted, #f5f5f4);font-size:.88rem;color:var(--color-ink-muted, #6b7280);text-align:left;opacity:.45;animation:ranking-computing-step 2.7s ease-in-out infinite}.ranking-computing-steps li:before{content:"";position:absolute;left:14px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:currentColor}.ranking-computing-steps li:nth-child(2){animation-delay:.35s}.ranking-computing-steps li:nth-child(3){animation-delay:.7s}@keyframes ranking-computing-step{0%,to{opacity:.45}25%,55%{opacity:1;color:var(--color-ink)}}@media(prefers-reduced-motion:reduce){.ranking-computing-steps li{animation:none;opacity:1}}.coach-mark{position:absolute;inset:0;z-index:60;pointer-events:none}.coach-mark-shade{position:absolute;background:#1a14149e;pointer-events:auto}.coach-mark-ring{position:absolute;border-radius:20px;border:3px solid var(--color-coral);box-shadow:0 0 0 6px #d96b5f38,0 0 22px 6px #d96b5f59;animation:coach-pulse 1.4s ease-in-out infinite;pointer-events:none}@keyframes coach-pulse{0%,to{box-shadow:0 0 0 4px #d96b5f2e,0 0 16px 4px #d96b5f47}50%{box-shadow:0 0 0 9px #d96b5f42,0 0 28px 10px #d96b5f6b}}.coach-mark-pointer{position:absolute;transform:translate(-50%);font-size:26px;line-height:1;color:var(--color-coral);text-shadow:0 2px 8px rgba(26,20,20,.45);pointer-events:none}.coach-mark-pointer.is-below{animation:coach-nudge-up 1.4s ease-in-out infinite}.coach-mark-pointer.is-above{animation:coach-nudge-down 1.4s ease-in-out infinite}@keyframes coach-nudge-up{0%,to{transform:translate(-50%,6px)}50%{transform:translate(-50%,-2px)}}@keyframes coach-nudge-down{0%,to{transform:translate(-50%,-6px)}50%{transform:translate(-50%,2px)}}.coach-mark-bubble{position:absolute;left:16px;right:16px;padding:16px 18px 18px;border-radius:22px;background:var(--color-surface);box-shadow:0 18px 40px #1a141452;overflow:hidden;pointer-events:none}.coach-mark-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.coach-mark-mate img{width:40px;height:40px;border-radius:14px;background:var(--color-blush)}.coach-mark-step{padding:4px 10px;border-radius:999px;background:var(--color-blush);color:var(--color-coral-text);font-size:12px;font-weight:700;letter-spacing:.02em}.coach-mark-bubble h2{margin:0 0 6px;font-size:17px;line-height:1.35;color:var(--color-ink)}.coach-mark-bubble p{margin:0;font-size:14px;line-height:1.55;color:var(--color-muted)}.coach-mark-bubble.is-compact{padding:12px 14px 14px;border-radius:18px}.coach-mark-compact-line{display:flex;align-items:center;gap:8px;margin-bottom:8px}.coach-mark-compact-line .coach-mark-mate img{width:28px;height:28px;border-radius:10px}.coach-mark-compact-line h2{flex:1;min-width:0;margin:0;font-size:15px;line-height:1.3;color:var(--color-ink)}.coach-mark-bubble.is-compact .coach-mark-hint{margin-top:0!important;padding:8px 12px}.coach-mark-hint{margin-top:10px!important;padding:9px 12px;border-radius:14px;border:1px solid rgba(217,107,95,.35);background:#d96b5f14;color:var(--color-coral-text)!important;font-weight:600}@media(prefers-reduced-motion:reduce){.coach-mark-ring,.coach-mark-pointer.is-below,.coach-mark-pointer.is-above{animation:none}.coach-mark-ring{box-shadow:0 0 0 6px #d96b5f3d}.coach-mark-pointer.is-below{transform:translate(-50%,2px)}.coach-mark-pointer.is-above{transform:translate(-50%,-2px)}}.first-run-welcome{display:grid;align-content:center;gap:18px;text-align:center;min-height:100%}.first-run-welcome h1{margin:0;font-size:26px;line-height:1.3;color:var(--color-ink)}.first-run-welcome>p{margin:0 auto;max-width:300px;font-size:15px;line-height:1.6;color:var(--color-muted)}.first-run-welcome .skin-mate-character,.first-run-welcome .neutral-mate,.first-run-photo .neutral-mate{justify-self:center}.neutral-mate{border-radius:28%}.first-run-progress{display:grid;gap:8px;margin-bottom:14px}.first-run-progress span{font-size:13px;font-weight:700;color:var(--color-coral-text)}.first-run-progress i{display:block;height:6px;border-radius:999px;background:var(--color-line);overflow:hidden}.first-run-progress i b{display:block;height:100%;border-radius:999px;background:var(--color-coral);transition:width .28s ease}.first-run-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.first-run-chips button{padding:10px 14px;min-height:44px;border-radius:999px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);font-size:14px}.first-run-chips button[aria-pressed=true]{border-color:var(--color-coral);background:var(--color-blush);color:var(--color-coral-text);font-weight:700}.first-run-field{display:grid;gap:8px;margin-bottom:18px}.first-run-field>span{font-size:14px;font-weight:700;color:var(--color-ink)}.first-run-field textarea,.first-run-field input[type=text]{width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);font-family:inherit;font-size:15px;line-height:1.55;resize:vertical}.first-run-field textarea:focus-visible,.first-run-field input[type=text]:focus-visible{outline:2px solid var(--color-coral);outline-offset:1px}.first-run-counter{justify-self:end;font-size:12px;color:var(--color-muted)}.first-run-note{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--color-muted)}.first-run-actions{display:grid;gap:10px;margin-top:8px}.first-run-photo{display:grid;align-content:center;gap:16px;text-align:center;min-height:100%}.first-run-photo h1{margin:0;font-size:23px;line-height:1.35;color:var(--color-ink)}.first-run-photo>p{margin:0 auto;max-width:300px;font-size:15px;line-height:1.6;color:var(--color-muted)}.first-run-analyzing{display:grid;align-content:center;justify-items:center;gap:18px;min-height:100%;text-align:center}.first-run-analyzing h1{margin:0;font-size:21px;line-height:1.35;color:var(--color-ink)}.first-run-analyzing-code{display:flex;gap:8px}.first-run-analyzing-code span{display:grid;place-items:center;width:48px;height:56px;border-radius:14px;border:1px solid rgba(217,107,95,.28);background:var(--color-blush);color:var(--color-coral-text);font-size:24px;font-weight:800;animation:first-run-analyzing-slot 1.2s ease-in-out infinite}.first-run-analyzing-code span:nth-child(2){animation-delay:.15s}.first-run-analyzing-code span:nth-child(3){animation-delay:.3s}.first-run-analyzing-code span:nth-child(4){animation-delay:.45s}@keyframes first-run-analyzing-slot{0%,to{transform:none}40%{transform:translate3d(0,-6px,0)}}.first-run-analyzing-steps{list-style:none;display:grid;gap:10px;width:100%;max-width:280px;margin:6px 0 0;padding:0}.first-run-analyzing-steps li{position:relative;padding:11px 14px 11px 36px;border-radius:12px;background:var(--color-surface-muted, #f5f5f4);color:var(--color-muted);font-size:14px;text-align:left;opacity:.45;animation:first-run-analyzing-step .32s ease-out forwards}.first-run-analyzing-steps li:before{content:"";position:absolute;left:15px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:currentColor}.first-run-analyzing-steps li:nth-child(1){animation-delay:0ms}.first-run-analyzing-steps li:nth-child(2){animation-delay:.55s}.first-run-analyzing-steps li:nth-child(3){animation-delay:1.1s}@keyframes first-run-analyzing-step{to{opacity:1;color:var(--color-coral-text)}}@media(prefers-reduced-motion:reduce){.first-run-analyzing-code span,.first-run-analyzing-steps li{animation:none;opacity:1}}.first-run-complete{display:grid;gap:8px;justify-items:center;width:100%;padding:16px 18px;margin-bottom:4px;border-radius:22px;border:1px solid rgba(217,107,95,.28);background:linear-gradient(180deg,var(--color-blush),rgba(255,253,252,.6));text-align:center}.first-run-complete-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--color-surface);color:var(--color-coral-text);font-size:22px;animation:first-run-unlock .7s ease-out both}@keyframes first-run-unlock{0%{transform:scale(.7) rotate(-14deg);opacity:0}60%{transform:scale(1.08) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.first-run-complete strong{font-size:18px;color:var(--color-ink)}.first-run-complete p{margin:0;font-size:14px;line-height:1.55;color:var(--color-muted)}.first-run-complete[data-status=failed]{border-color:#b84a4a59;background:#b84a4a14}@media(prefers-reduced-motion:reduce){.first-run-complete-icon{animation:none}}.first-run-branch{display:grid;gap:10px;width:100%;margin:4px 0 8px}.first-run-branch button{display:grid;gap:3px;padding:14px 16px;min-height:44px;border-radius:18px;border:1px solid var(--color-line);background:var(--color-surface);text-align:left}.first-run-branch button strong{font-size:15px;color:var(--color-ink)}.first-run-branch button small{font-size:13px;line-height:1.5;color:var(--color-muted)}.first-run-branch button:first-child{border-color:#d96b5f66;background:#d96b5f0f}.chunk-error{display:grid;gap:12px;justify-items:center;text-align:center;padding:32px 22px}.chunk-error h1{margin:0;font-size:20px;color:var(--color-ink)}.chunk-error p{margin:0;font-size:14px;line-height:1.6;color:var(--color-muted)}.chunk-error .first-run-actions{width:100%}.purchase-followup{position:absolute;inset:0;z-index:70;display:grid;align-items:end;padding:16px;background:#1a14148c}.purchase-followup .card{width:100%;border-radius:24px}.purchase-followup h2{margin:0 0 6px;font-size:19px;color:var(--color-ink)}.purchase-followup p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--color-muted)}.purchase-followup input[type=date]{width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);font-family:inherit;font-size:15px}.first-run-coach-step{display:inline-block;margin-right:8px;padding:3px 9px;border-radius:999px;background:var(--color-blush);color:var(--color-coral-text);font-size:12px;font-style:normal;font-weight:700}.first-run-inline-hint{margin:0 0 14px;padding:9px 12px;border-radius:14px;border:1px solid rgba(217,107,95,.35);background:#d96b5f14;color:var(--color-coral-text);font-size:14px;font-weight:600;line-height:1.5}.journey-footer{display:flex;flex-direction:column;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-surface)}.journey-footer-progress{display:flex;align-items:center;gap:10px}.journey-footer-track{flex:1;height:6px;border-radius:999px;background:var(--color-line);overflow:hidden}.journey-footer-fill{display:block;height:100%;border-radius:999px;background:var(--color-coral);transition:width .24s ease}.journey-footer-count{color:var(--color-muted);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}@media(prefers-reduced-motion:reduce){.journey-footer-fill{transition:none}}.first-run-note-reading{margin:10px 0 0;padding:10px 12px;border-radius:14px;background:var(--color-blush);font-size:13px;line-height:1.6}.first-run-note-reading p{margin:0}.first-run-note-reading strong{display:block;color:var(--color-coral-text);font-size:12px}.first-run-note-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.first-run-note-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--color-coral);background:var(--color-surface);color:var(--color-coral-text);font-size:12px;font-weight:700}.first-run-note-unread{margin-top:8px!important;color:var(--color-muted);font-size:12px}.first-run-detail h1{margin:0 0 6px;font-size:21px;line-height:1.34;letter-spacing:-.2px}.first-run-detail .first-run-note{margin-bottom:14px}.first-run-camera-note{margin-top:10px;padding:10px 12px;border-radius:14px;background:var(--color-surface);border:1px solid var(--color-line);font-size:13px;line-height:1.6;text-align:left}.first-run-camera-note strong{display:block;color:var(--color-coral-text);font-size:12px}.first-run-camera-note ul{margin:6px 0 0;padding-left:16px}.first-run-camera-note p{margin:6px 0 0;color:var(--color-muted);font-size:12px}.first-run-allergen-advanced{margin-top:12px}.first-run-allergen-advanced>summary{cursor:pointer;padding:8px 0;color:var(--color-muted);font-size:13px;font-weight:600}.ref-mate-basis{margin:12px 0 0;padding:12px 14px;border-radius:14px;border:1px solid var(--color-line);background:var(--color-surface);font-size:13px;line-height:1.6;text-align:left}.ref-mate-basis>div+div,.ref-mate-basis>p+div,.ref-mate-basis>div+p{margin-top:10px}.ref-mate-basis strong{display:block;color:var(--color-coral-text);font-size:12px}.ref-mate-basis ul{margin:6px 0 0;padding-left:16px}.ref-mate-basis p{margin:6px 0 0;color:var(--color-muted);font-size:12px}.ref-mate-basis-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ref-mate-basis-chips span{padding:4px 10px;border-radius:999px;border:1px solid var(--color-coral);color:var(--color-coral-text);font-size:12px;font-weight:700}.first-run-note-chip,.ref-mate-basis-chips span{min-height:44px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center}.journey-footer .ref-text-button{min-height:44px;padding:0 16px}