.msl-skin-page{--msl-skin-accent:#d6fd51;color:#071713;background:#fbfcfa}.msl-skin-main{width:100%;max-width:1280px;margin:0 auto;padding:48px 20px 76px;font-size:18px;line-height:1.7}.msl-skin-intro{text-align:center;max-width:820px;margin:0 auto 34px}.msl-skin-page h1{letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(36px,5vw,58px);font-weight:650;line-height:1.08}.msl-skin-page h2{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(28px,3vw,36px);font-weight:620;line-height:1.2}.msl-skin-page h3{margin:0 0 12px;font-size:24px;font-weight:620;line-height:1.3}.msl-skin-page h4{margin:24px 0 12px;font-size:19px;font-weight:620;line-height:1.4}.msl-skin-page p{color:#526057}.msl-skin-workspace{background:#fff;border:1px solid #dfe5d9;border-radius:28px;padding:clamp(18px,3vw,30px)}.msl-skin-workspace .msl-scan{border:0;border-radius:0;padding:0}.msl-skin-result{min-width:0}.msl-skin-map-preview{gap:14px;display:grid}.msl-skin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.msl-skin-tabs button,.msl-skin-button{color:#071713;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe5d9;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:15px;display:inline-flex}.msl-skin-tabs button[aria-selected=true],.msl-skin-button.is-primary{background:var(--msl-skin-accent);border-color:#b7df3b}.msl-skin-tabs button:disabled,.msl-skin-button:disabled{cursor:not-allowed;opacity:.55}.msl-skin-map-stage{touch-action:none;background:#15171a;border:1px solid #dfe5d9;border-radius:18px;width:100%;max-height:640px;position:relative;overflow:hidden}.msl-skin-map-stage canvas{object-fit:contain;width:100%;height:100%;display:block}.msl-skin-reveal-line{pointer-events:none;background:#ffffffeb;width:2px;position:absolute;inset-block:0;box-shadow:0 0 0 1px #07171359}.msl-skin-compare{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;display:grid}.msl-skin-compare label{justify-content:space-between;gap:12px;font-size:14px;display:flex}.msl-skin-compare input[type=range]{accent-color:#78982b;grid-column:1/-1;width:100%}.msl-skin-note{color:#647063;font-size:14px;line-height:1.6}.msl-skin-zones{gap:12px;margin:18px 0 24px;display:grid}.msl-skin-zones>div{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;font-size:15px;display:grid}.msl-skin-zones i{background:#e6ebdf;border-radius:9px;grid-column:1/-1;height:7px;display:block;overflow:hidden}.msl-skin-zones b{border-radius:inherit;background:#809f32;height:100%;display:block}.msl-skin-written,.msl-skin-observation,.msl-skin-retake,.msl-skin-report{background:#f8faf4;border:1px solid #dfe5d9;border-radius:18px;margin-top:24px;padding:20px}.msl-skin-field{gap:7px;margin:16px 0;font-size:15px;font-weight:600;display:grid}.msl-skin-field select{color:#071713;min-height:44px;font:inherit;background:#fff;border:1px solid #cfd7ca;border-radius:10px;padding:8px 12px}.msl-skin-consent{align-items:flex-start;gap:10px;min-height:44px;margin:10px 0;font-size:14px;line-height:1.55;display:flex}.msl-skin-consent input{accent-color:#78982b;width:20px;height:20px;margin-top:2px}.msl-skin-status{background:var(--msl-skin-accent);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.msl-skin-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.msl-skin-signal-grid>div{background:#fff;border-radius:12px;padding:14px}.msl-skin-signal-grid dt{color:#647063;font-size:13px}.msl-skin-signal-grid dd{margin:4px 0 0;font-weight:600}.msl-skin-error,.msl-skin-retake{color:#913b2b;background:#fff6f2;border-color:#e6c7bc}.msl-skin-actions,.msl-skin-links{flex-wrap:wrap;gap:10px 20px;display:flex}.msl-skin-report .msl-skin-button{width:100%}.msl-skin-editorial{max-width:1040px;margin:58px auto 0}.msl-skin-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-left:22px;display:grid}.msl-skin-steps li{padding:10px}.msl-skin-map-explainers{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.msl-skin-map-explainers article{background:#fff;border:1px solid #dfe5d9;border-radius:18px;padding:22px}.msl-skin-map-explainers strong{font-size:18px;font-weight:600;display:block}.msl-skin-links a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.msl-skin-faq details{border-bottom:1px solid #dfe5d9;padding:22px 0}.msl-skin-faq summary{cursor:pointer;min-height:44px;font-weight:620}.msl-skin-share{color:#071713;background:#fff;width:min(620px,100% - 24px);max-height:min(88vh,900px);overflow-y:auto}.msl-skin-share-preview{border:1px solid #dfe5d9;border-radius:14px;width:min(100%,360px);margin:10px auto;display:block}.msl-skin-page :is(a,button,input,select,summary):focus-visible{outline-offset:3px;outline:3px solid #66852b}@media (width<=760px){.msl-skin-main{padding:34px 14px 58px}.msl-skin-workspace{padding:16px}.msl-skin-steps,.msl-skin-map-explainers,.msl-skin-signal-grid{grid-template-columns:1fr}.msl-skin-editorial{margin-top:44px}}@media (width<=420px){.msl-skin-tabs,.msl-skin-compare{grid-template-columns:1fr}.msl-skin-compare input[type=range]{grid-column:1}}@media (prefers-reduced-motion:reduce){.msl-skin-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
