.skin-analysis{--skin-main-dark: #e04517;--skin-main-light: #ff8a5c;--skin-warn: #ff9500;--skin-warn-bg: #fff8ef;--skin-warn-border: #ffe4c2;--skin-intensity-strong: rgb(255 85 39 / 14%);--skin-intensity-medium: rgb(255 85 39 / 7%);--skin-intensity-mild: rgb(120 100 80 / 10%);color:var(--color-black);background-color:var(--color-bg)}.skin-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.skin-btn:focus-visible{outline:2px solid var(--color-main);outline-offset:2px}.skin-btn:active{transform:translateY(1px)}.skin-btn-primary{border:1px solid var(--color-main);background-color:var(--color-main);color:var(--color-white)}.skin-btn-primary:hover{border-color:var(--skin-main-dark);background-color:var(--skin-main-dark)}.skin-btn-secondary{border:1px solid var(--color-black-400);background-color:var(--color-white);color:var(--color-black-900)}.skin-btn-secondary:hover{border-color:var(--color-main);background-color:var(--color-main-300);color:var(--color-main)}.skin-btn:disabled{border-color:var(--color-black-400);background-color:var(--color-black-400);color:var(--color-black-700);pointer-events:none}.skin-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:1.5px solid var(--color-black-400);border-radius:14px;background-color:var(--color-white);color:var(--color-black);font-size:15px;line-height:1.45;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}@media(hover:hover)and (pointer:fine){.skin-option:hover{border-color:var(--color-main);background-color:var(--color-main-300);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}}.skin-option:active{transform:translateY(1px)}.skin-option:has(input:focus-visible){outline:2px solid var(--color-main);outline-offset:2px}.skin-option-selected{border-color:var(--color-main);background-color:var(--color-main-300);color:var(--color-main);font-weight:600}.skin-option-letter{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border:1.5px solid var(--color-black-500);border-radius:50%;color:var(--color-black-800);font-size:13px;font-weight:700;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.skin-option-selected .skin-option-letter{border-color:var(--color-main);background-color:var(--color-main);color:var(--color-white)}.skin-question-text{font-size:17px;font-weight:600;line-height:1.55}.skin-progress-track{height:8px;border-radius:999px;background-color:var(--color-black-400);overflow:hidden}.skin-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-main),var(--skin-main-light))}.skin-type-code{font-size:56px;font-weight:900;letter-spacing:6px;line-height:1.1}.skin-persona-box{border-color:var(--color-main-300);background:linear-gradient(135deg,#fffaf7,var(--color-white))}.skin-reasoning-box{border-color:var(--color-main-300);background-color:#fbf8f4}.skin-score-track{position:relative;height:10px;border-radius:999px;background-color:var(--color-black-400)}.skin-score-fill{position:absolute;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--skin-main-light),var(--color-main))}.skin-score-cutoff{position:absolute;top:0;width:1px;height:100%;background-color:#00000040}.skin-score-marker{position:absolute;top:-3px;width:4px;height:16px;border-radius:2px;background-color:var(--color-black);transform:translate(-50%)}.skin-list-item{position:relative;padding:8px 0 8px 20px;border-bottom:1px dashed var(--color-black-400);font-size:14px;line-height:1.6}.skin-list-item:last-child{border-bottom:none}.skin-list-item:before{content:"•";position:absolute;left:4px;color:var(--color-main);font-weight:700}.skin-tip-card{border:1px solid var(--color-main-300);border-radius:12px;background:linear-gradient(135deg,#fff8f4,#fffcfa);padding:12px 16px;font-size:14px;line-height:1.6}.skin-tag{display:inline-block;border-radius:999px;padding:4px 10px;background-color:var(--color-main-300);color:var(--skin-main-dark);font-size:12px;font-weight:500}.skin-tag-warn{background-color:#ffede5;color:var(--skin-warn)}.skin-proc-group{border-radius:12px;padding:12px 14px}.skin-proc-group h3{margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:.3px}.skin-proc-group li{position:relative;padding:6px 0 6px 18px;font-size:14px;line-height:1.55}.skin-proc-group li:before{content:"·";position:absolute;left:6px;font-weight:700}.skin-proc-recommended{background-color:#f0f7eb}.skin-proc-recommended h3,.skin-proc-recommended li:before{color:#4f7a3c}.skin-proc-caution{background-color:#fff7e6}.skin-proc-caution h3,.skin-proc-caution li:before{color:#b5862f}.skin-proc-avoid{background-color:#ffefea}.skin-proc-avoid h3,.skin-proc-avoid li:before{color:#b85544}.skin-proc-neutral{background-color:#f2f4f8}.skin-proc-neutral h3,.skin-proc-neutral li:before{color:#4a5575}.skin-warm-box{border-color:var(--color-main-300);background:linear-gradient(135deg,#fff7f5,#fcfbf8)}.skin-routine-tabs{display:flex;border-radius:999px;background-color:var(--color-black-400);padding:3px}.skin-routine-tab{flex:1;border-radius:999px;padding:8px 12px;color:var(--color-black-800);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.skin-routine-tab-active{background-color:var(--color-white);color:var(--color-main);font-weight:700;box-shadow:0 1px 3px #00000014}.skin-routine-print-title{display:none;margin-bottom:4px;color:var(--skin-main-dark);font-size:13px;font-weight:700}.skin-routine-panel+.skin-routine-print-title{margin-top:14px}.skin-aa-tag{border-radius:999px;padding:4px 10px;background-color:var(--color-main-300);color:var(--skin-main-dark);font-size:11px;font-weight:600}.skin-saved-note{border:1px solid #b4ddb4;border-radius:12px;background:linear-gradient(135deg,#e8f5e8,#f0f9f0);padding:12px 16px;color:#2e7d32;font-size:13.5px;text-align:center}.skin-saved-note strong{color:#1b5e20}.skin-minor-notice{border:1px solid #ffd580;border-radius:12px;background:linear-gradient(135deg,#fff8e1,#fffbf0);padding:14px 16px;color:#8c5d2a;font-size:13.5px;line-height:1.65}.skin-intro-headline{font-size:34px;font-weight:800;line-height:1.18;letter-spacing:-1px}.skin-intro-emphasis{position:relative;display:inline-block;isolation:isolate;color:var(--color-main)}.skin-intro-emphasis:after{content:"";position:absolute;right:0;bottom:4px;left:0;z-index:-1;height:12px;border-radius:2px;background-color:#ff55272e}.skin-type-card{border:1px solid var(--color-black-400);border-radius:12px;padding:12px 8px;background-color:var(--color-white);text-align:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.skin-type-card:hover{border-color:var(--color-main-300);box-shadow:0 6px 16px #ff55271a;transform:translateY(-2px)}.skin-intro-sticky-cta{display:none}.skin-details summary::-webkit-details-marker{display:none}.skin-details-arrow{display:inline-block;transition:transform .15s ease}.skin-details[open] .skin-details-arrow{transform:rotate(180deg)}@media print{@page{margin:20mm 15mm}.skin-analysis,.skin-analysis *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.skin-analysis *{box-shadow:none}.skin-actions,.skin-home-link,.skin-quiz-nav,.skin-intro-sticky-cta,.skin-routine-tabs{display:none}.skin-routine-print-title,.skin-routine-panel{display:block}.skin-persona-box,.skin-reasoning-box,.skin-tip-card,.skin-proc-group,.skin-warm-box{break-inside:avoid}}@media(max-width:768px){.skin-option{padding:16px 18px;font-size:16px;min-height:56px}.skin-quiz-nav{position:sticky;bottom:0;z-index:5;background:linear-gradient(180deg,transparent 0%,var(--color-bg) 50%)}.skin-intro-sticky-cta{display:block;position:fixed;inset-inline:0;bottom:0;z-index:5;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.skin-intro-sticky-cta:before{content:"";position:absolute;inset:-40px 0 0;z-index:-1;background:color-mix(in srgb,var(--color-bg) 70%,transparent);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);mask-image:linear-gradient(180deg,transparent 0%,#000 62%)}.skin-intro-inline-cta,.skin-resume-actions{display:none}.skin-intro{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.skin-type-code{font-size:48px;letter-spacing:4px}.skin-intro-headline{font-size:30px;line-height:1.2}}@media(max-width:480px){.skin-option{padding:14px 16px;font-size:15.5px;line-height:1.5}.skin-question-text{font-size:16px}.skin-type-code{font-size:44px;letter-spacing:3px}.skin-intro-headline{font-size:26px;line-height:1.18;letter-spacing:-.8px}}@media(max-width:360px){.skin-option{padding:13px 14px;font-size:14.5px;min-height:52px}.skin-question-text{font-size:15px}.skin-type-code{font-size:38px;letter-spacing:2px}.skin-intro-headline{font-size:22px}}