@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-6);font:inherit;font-weight:var(--weight-button);font-size:var(--text-md);border:0;border-radius:var(--radius-md);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.btn--primary{color:var(--color-white);background:var(--color-black);box-shadow:var(--shadow-btn-rest)}.btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-btn-hover)}.btn--primary:active{transform:translateY(3px);box-shadow:var(--shadow-btn-active)}.btn--secondary{color:var(--color-black);background:var(--color-bg);box-shadow:var(--shadow-btn-sub-rest);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg-subtle)}.btn--secondary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--color-border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--block{width:100%}.btn .icon{fill:currentColor}.main-container.main-container--home{width:min(calc(100% - 40px),900px)}.main-container--home .hero-card{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,24vw,240px);gap:24px;padding:clamp(36px,6vw,64px);border-color:var(--color-border-strong)}.main-container--home .hero-copy{position:relative;z-index:auto;width:100%;max-width:none;background:transparent}.main-container--home .hero-art{position:relative;inset:auto;width:clamp(180px,24vw,240px);height:auto;aspect-ratio:1;justify-self:end;align-self:center;transform:none;opacity:.72}.hero-copy .eyebrow{color:var(--color-text-sub)}.hero-copy h1{font-size:clamp(2rem,4.5vw,2.75rem)}.hero-copy h1 span{color:var(--color-text)}.hero-description{color:var(--color-text);font-weight:600}.hero-meta{color:var(--color-text-sub)}.hero-note{color:var(--color-text-sub);font-size:var(--text-sm)}.main-container--home .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch}.main-container--home .hero-actions .btn{width:100%;min-height:56px;justify-content:center}.main-container--home .hero-actions .btn:last-child{grid-column:1/-1}@media(max-width:760px){.main-container.main-container--home{width:calc(100% - 32px)}.main-container--home .hero-card{display:flex;align-items:flex-start;min-height:570px;padding:37px 25px}.main-container--home .hero-copy{max-width:100%}.main-container--home .hero-copy h1{font-size:2.2rem}.main-container--home .hero-art{display:none}}@media(max-width:400px){.main-container--home .hero-actions{grid-template-columns:1fr}.main-container--home .hero-actions .btn:last-child{grid-column:auto}}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.hand-test-page{width:100%}.hand-test-intro{margin-bottom:24px}.hand-test-intro .eyebrow{gap:8px}.hand-test-intro h1{font-size:clamp(1.8rem,5vw,2.25rem)}.privacy-note{display:flex;align-items:flex-start;gap:13px;padding:17px 18px;margin-bottom:16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-sub)}.privacy-note>.icon{margin-top:3px;color:var(--color-black)}.privacy-note p{font-size:var(--text-sm)}.privacy-note strong{color:var(--color-text)}.comparison-list{display:grid;gap:14px}.comparison-card{padding:23px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.comparison-heading{margin-bottom:16px}.comparison-heading h2{font-size:var(--text-lg);margin-top:7px}.comparison-scene{height:218px;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:var(--radius-md);isolation:isolate}.comparison-side{--comparison-color:var(--color-bg-muted);--comparison-ink:var(--color-text);position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:17px 18px;text-align:left;color:var(--comparison-ink);background:var(--comparison-color);border:0;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease}.comparison-side:hover{filter:saturate(1.1)}.comparison-side.is-selected{z-index:1;box-shadow:inset 0 0 0 4px var(--color-blue)}.comparison-side-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em}.comparison-side strong{font-size:var(--text-md);max-width:calc(100% - 12px)}.comparison-check{position:absolute;right:13px;top:13px;width:25px;height:25px;display:grid;place-items:center;background:var(--color-white);color:var(--color-black);border-radius:50%}.palm-guide{pointer-events:none;position:absolute;z-index:2;left:50%;top:50%;width:104px;height:104px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-black);background:#fffffff0;border:1px solid rgba(25,25,25,.12);border-radius:50%;box-shadow:0 4px 18px #19191924}.palm-guide .icon{width:39px;height:39px}.palm-guide span{font-size:10px;font-weight:700;color:var(--color-text-sub)}.comparison-axis{display:flex;justify-content:space-between;padding:8px 5px 0;color:var(--color-text-mute);font-size:var(--text-xs)}.comparison-hint{text-align:center;padding:22px 8px 8px;color:var(--color-text-sub);font-size:var(--text-sm)}.comparison-result{padding:24px;margin-top:14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.comparison-result h2{margin:9px 0 8px;font-size:var(--text-xl)}.comparison-result>p{font-size:var(--text-sm);color:var(--color-text-sub)}.comparison-result-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.comparison-result-tags span{padding:6px 11px;background:var(--color-bg-muted);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600}.hand-test-actions{margin-top:13px}.hand-test-disclaimer{margin:18px 3px 0;font-size:var(--text-xs);color:var(--color-text-mute)}@media(max-width:620px){.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.hero-actions .btn{width:100%}.comparison-card{padding:18px 15px}.comparison-scene{height:190px}.comparison-side{padding:14px 12px}.comparison-side strong{font-size:var(--text-sm)}.palm-guide{width:88px;height:88px}.palm-guide .icon{width:33px;height:33px}.comparison-result{padding:21px 18px}.hand-test-intro h1{font-size:1.7rem}}.comparison-palette{margin:20px 0 22px;padding:17px;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.comparison-palette-heading{margin-bottom:13px}.comparison-palette-heading h3{font-size:var(--text-md);margin-top:5px}.comparison-palette .swatch-grid{gap:8px}.comparison-palette .swatch{aspect-ratio:1.2;padding:9px}.comparison-palette .swatch strong{font-size:11px}.comparison-palette .swatch span{font-size:9px}.hand-test-page .comparison-scene{height:clamp(400px,54vh,470px)}.hand-test-page .palm-guide{width:min(280px,46vw);height:340px;gap:9px;background:#ffffffeb;border:2px dashed var(--color-border-strong);border-radius:46% 46% 40% 40%/30% 30% 24% 24%;box-shadow:0 5px 22px #1919192e}.hand-test-page .palm-guide .icon{width:136px;height:164px;position:relative;left:-2px;display:block;margin-inline:auto}.hand-test-page .palm-guide span{font-size:var(--text-xs)}.zoom-callout{display:flex;align-items:center;gap:15px;padding:18px 20px;margin:-7px 0 14px;background:var(--color-white);border:2px solid var(--color-black);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.zoom-callout-mark{width:42px;height:42px;flex:none;display:grid;place-items:center;background:var(--color-black);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--text-xl);font-weight:700;line-height:1}.zoom-callout p{display:grid;gap:3px}.zoom-callout strong{font-size:var(--text-md);font-weight:700;color:var(--color-text)}.zoom-callout small{font-size:var(--text-xs);font-weight:500;color:var(--color-text-sub)}@media(max-width:620px){.hand-test-page .comparison-scene{height:400px;margin-inline:-15px}.hand-test-page .palm-guide{width:min(260px,73vw);height:320px}.hand-test-page .palm-guide .icon{width:126px;height:152px}}@media(max-width:620px){.zoom-callout{align-items:flex-start;padding:16px 14px;gap:12px}.zoom-callout-mark{width:36px;height:36px;font-size:var(--text-lg)}.zoom-callout strong{font-size:var(--text-sm)}}.explore-page{width:100%}.explore-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 22px;padding:4px 2px 10px}.explore-tabs a{display:inline-flex;align-items:center;text-decoration:none;color:var(--color-text);flex:none;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);font-size:var(--text-sm);font-weight:600;cursor:pointer}.explore-tabs a.is-active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.explore-content{display:grid;gap:15px}.explore-section-title{margin:4px 0 18px}.explore-section-title h2,.learn-card h2{font-size:var(--text-lg);margin:7px 0}.explore-section-title p{font-size:var(--text-sm);color:var(--color-text-sub)}.explore-section-title.compact{margin:0 0 12px}.season-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.season-guide-card,.learn-card,.recommendation-card,.tone-compare-card{min-width:0;padding:20px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.season-guide-heading{display:flex;align-items:center;justify-content:space-between}.season-guide-heading h3,.tone-compare-card h3{font-size:var(--text-lg);margin-top:4px}.season-guide-dot{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 6px var(--color-bg-muted)}.season-guide-card>p,.tone-compare-card>p{margin:11px 0;color:var(--color-text-sub);font-size:var(--text-sm)}.subtype-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.subtype-list span{padding:5px 8px;background:var(--color-bg-muted);border-radius:var(--radius-pill);font-size:11px;font-weight:600}.explore-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.explore-swatches .swatch{aspect-ratio:1.1;padding:7px}.explore-swatches .swatch strong{font-size:10px}.explore-swatches .swatch span{font-size:9px}.season-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.season-picker select{max-width:62%;padding:8px 11px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);font:inherit}.cosmetic-feature{padding:23px;background:var(--color-black);color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.cosmetic-feature .eyebrow{color:#ffffffad}.cosmetic-feature-copy h3{font-size:var(--text-xl);margin:7px 0}.cosmetic-feature-copy p{font-size:var(--text-sm);color:#fffc}.cosmetic-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.cosmetic-categories article{padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md)}.cosmetic-categories strong,.cosmetic-categories span{display:block}.cosmetic-categories strong{font-size:var(--text-sm);margin-bottom:5px}.cosmetic-categories span{font-size:var(--text-xs);color:#ffffffd1}.recommendation-card{padding:21px}.style-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.style-note-grid article{padding:14px;background:var(--color-bg-subtle);border-radius:var(--radius-md)}.style-note-grid h3,.inspiration-links h3,.save-palette-panel h3{font-size:var(--text-md);margin-bottom:5px}.style-note-grid p,.inspiration-links p,.save-palette-panel p{font-size:var(--text-sm);color:var(--color-text-sub)}.inspiration-links{padding:19px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.inspiration-links>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.inspiration-links a{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;background:var(--color-bg-muted);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-weight:600;text-decoration:none}.season-picker-row,.tone-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tone-compare-card{padding:17px}.tone-compare-card .explore-swatches{margin-top:13px}.save-palette-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.save-palette-panel>div{flex:1 1 190px}.save-season-picker{flex:1 1 180px}.learn-card>p{color:var(--color-text-sub);font-size:var(--text-sm)}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0}.concept-grid article{padding:13px;background:var(--color-bg-subtle);border-radius:var(--radius-md)}.concept-grid strong{font-size:var(--text-sm)}.concept-grid p{margin-top:5px;color:var(--color-text-sub);font-size:var(--text-xs)}.limitation-note{padding:15px;background:var(--color-bg-subtle);border-radius:var(--radius-md)}.limitation-note strong{color:var(--color-text)}.faq-list details{padding:14px 0;border-bottom:1px solid var(--color-border)}.faq-list details:last-child{border-bottom:0}.faq-list summary{font-size:var(--text-sm);font-weight:700;cursor:pointer}.faq-list details p{margin-top:8px;color:var(--color-text-sub);font-size:var(--text-sm)}.glossary-list{margin:0}.glossary-list>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.glossary-list>div:last-child{border:0}.glossary-list dt{font-size:var(--text-sm);font-weight:700}.glossary-list dd{margin:0;color:var(--color-text-sub);font-size:var(--text-sm)}@media(max-width:620px){.season-guide-grid,.cosmetic-categories{grid-template-columns:1fr}.cosmetic-feature{padding:19px}.style-note-grid,.concept-grid,.season-picker-row,.tone-compare-grid{grid-template-columns:1fr}.save-palette-panel{align-items:stretch;flex-direction:column}.save-palette-panel .btn{width:100%}.explore-tabs a{display:inline-flex;align-items:center;text-decoration:none;color:var(--color-text);padding:9px 12px;font-size:var(--text-xs)}.season-guide-card,.learn-card,.recommendation-card{padding:17px}}.editorial-resource-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.editorial-resource-links a{display:flex;flex-direction:column;gap:6px;padding:17px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none}.editorial-resource-links a:hover{border-color:var(--color-border-strong)}.editorial-resource-links strong{font-size:var(--text-sm)}.editorial-resource-links span{color:var(--color-text-sub);font-size:var(--text-xs)}@media(max-width:620px){.editorial-resource-links{grid-template-columns:1fr}}.editorial-page{width:100%;max-width:760px}.editorial-page .page-intro{margin-top:34px}.editorial-page .page-intro h1{font-size:clamp(1.8rem,5vw,2.35rem)}.editorial-stack{display:grid;gap:14px}.editorial-card{padding:clamp(18px,4vw,25px);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.editorial-card h2{font-size:var(--text-lg);margin:0 0 12px}.editorial-card h3{font-size:var(--text-md);margin:0 0 6px}.editorial-card p,.editorial-card li{font-size:var(--text-sm);color:var(--color-text-sub)}.editorial-card p+p{margin-top:12px}.editorial-card ul{margin:0;padding-left:21px}.editorial-card li+li{margin-top:7px}.editorial-card a{color:var(--color-text);font-weight:600;text-underline-offset:3px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}.editorial-grid section{padding:14px;background:var(--color-bg-subtle);border-radius:var(--radius-md)}.editorial-grid p{font-size:var(--text-xs)}.faq-page-list{padding:8px 22px}.faq-page-list details{padding:17px 0;border-bottom:1px solid var(--color-border)}.faq-page-list details:last-child{border:0}.faq-page-list summary{display:flex;align-items:flex-start;gap:12px;font-size:var(--text-md);font-weight:700;cursor:pointer;list-style:none}.faq-page-list summary::-webkit-details-marker{display:none}.faq-page-list summary span{color:var(--color-text-mute);font-size:var(--text-xs);padding-top:4px}.faq-page-list details p{padding:10px 0 0 32px;line-height:1.75}.glossary-page-list{margin:0}.glossary-page-list>div{display:grid;grid-template-columns:minmax(110px,.28fr) 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--color-border)}.glossary-page-list>div:first-child{padding-top:0}.glossary-page-list>div:last-child{padding-bottom:0;border:0}.glossary-page-list dt{font-size:var(--text-md);font-weight:700}.glossary-page-list dd{margin:0;font-size:var(--text-sm);color:var(--color-text-sub);line-height:1.7}.privacy-status{padding:16px 18px;background:var(--color-blue-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-sub);font-size:var(--text-sm)}.privacy-status strong{color:var(--color-text)}.editorial-updated{margin:3px 4px;font-size:var(--text-xs);color:var(--color-text-mute)}@media(max-width:620px){.editorial-grid{grid-template-columns:1fr}.glossary-page-list>div{grid-template-columns:1fr;gap:4px}.faq-page-list{padding-inline:17px}.faq-page-list details p{padding-left:0}}:root{--color-bg:#fff;--color-bg-subtle:#f7f7f5;--color-bg-muted:#efefed;--color-border:#e3e3e0;--color-border-strong:#c9c9c5;--color-text:#191919;--color-text-sub:#5f5e5b;--color-text-mute:#777672;--color-black:#111;--color-white:#fff;--color-blue:#2383e2;--color-blue-bg:#e7f3f8;--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;--weight-body:500;--weight-strong:600;--weight-heading:700;--weight-button:700;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.875rem;--text-2xl:2.5rem;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--shadow-card:0 1px 2px rgba(25,25,25,.06),0 4px 14px rgba(25,25,25,.06);--shadow-btn-rest:inset 0 1px 0 rgba(255,255,255,.18),0 4px 0 #000,0 8px 16px rgba(0,0,0,.28);--shadow-btn-hover:inset 0 1px 0 rgba(255,255,255,.22),0 5px 0 #000,0 12px 20px rgba(0,0,0,.3);--shadow-btn-active:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 #000,0 2px 6px rgba(0,0,0,.3);--shadow-btn-sub-rest:inset 0 1px 0 #fff,0 4px 0 var(--color-border-strong),0 8px 14px rgba(25,25,25,.1);--container-max:640px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-weight:var(--weight-body);font-size:var(--text-md);line-height:1.6;color:var(--color-text);background:var(--color-bg-subtle);word-break:keep-all}button{font:inherit;color:inherit}h1,h2,h3{font-weight:var(--weight-heading);line-height:1.3;letter-spacing:-.03em;margin:0}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid var(--color-blue);outline-offset:3px}.icon{flex:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;width:min(100% - 48px,1120px);margin:0 auto;border-bottom:1px solid var(--color-border)}.brand{border:0;background:transparent;display:inline-flex;align-items:center;gap:10px;font-weight:700;cursor:pointer;padding:8px 0}.brand-mark{display:grid;place-items:center;width:31px;height:31px;color:var(--color-white);background:var(--color-black);border-radius:10px}.topbar-note,.quiz-toolbar>span{font-size:var(--text-xs);font-weight:700;letter-spacing:.13em;color:var(--color-text-mute)}.main-container{width:min(100% - 40px,var(--container-max));margin:0 auto;flex:1;display:flex;align-items:flex-start;padding:48px 0 64px}.site-footer{font-size:var(--text-xs);color:var(--color-text-mute);text-align:center;padding:20px 16px 28px}.site-footer span{padding:0 7px}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;color:var(--color-text-mute);display:flex;align-items:center;gap:7px}.hero-card{width:100%;min-height:515px;position:relative;overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(32px,7vw,72px);display:flex;align-items:center}.hero-copy{position:relative;z-index:1;max-width:470px}.hero-copy h1{font-size:clamp(2.25rem,6vw,3.25rem);margin:22px 0 17px;line-height:1.27}.hero-copy h1 span{color:var(--color-text-sub)}.hero-description{max-width:395px;color:var(--color-text-sub);margin-bottom:27px}.hero-meta{display:flex;align-items:center;gap:13px;color:var(--color-text-mute);font-size:var(--text-sm);margin-bottom:31px}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta i{width:3px;height:3px;background:var(--color-border-strong);border-radius:50%}.hero-note{margin-top:18px;font-size:var(--text-xs);color:var(--color-text-mute)}.hero-art{position:absolute;width:310px;height:310px;right:-28px;top:50%;transform:translateY(-50%);opacity:.96}.orbit{position:absolute;border:1px solid var(--color-border);border-radius:50%;top:18px;right:18px;bottom:18px;left:18px}.orbit-two{top:51px;right:51px;bottom:51px;left:51px}.sun-disc{position:absolute;top:83px;right:83px;bottom:83px;left:83px;background:var(--color-bg-muted);border-radius:50%;display:grid;place-items:center}.sun-disc span{width:93px;height:93px;background:var(--color-black);border-radius:50%}.art-label{position:absolute;right:23px;bottom:32px;font-size:var(--text-xs);font-weight:700;letter-spacing:.18em;line-height:1.55}.art-dot{position:absolute;width:14px;height:14px;background:var(--color-black);border-radius:50%}.dot-a{left:41px;top:78px}.dot-b{right:60px;top:51px;width:7px;height:7px;background:var(--color-border-strong)}.content-page,.quiz-page,.result-page{width:100%}.text-back{border:0;background:transparent;padding:5px 0;display:inline-flex;align-items:center;gap:7px;color:var(--color-text-sub);font-size:var(--text-sm);font-weight:600;cursor:pointer}.page-intro{margin:43px 0 28px}.page-intro h1{margin:12px 0 10px}.page-intro p{color:var(--color-text-sub)}.guide-list{display:grid;gap:12px}.guide-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px;display:grid;grid-template-columns:35px 48px 1fr;gap:14px;align-items:center}.guide-number{font-size:var(--text-xs);font-weight:700;color:var(--color-text-mute)}.guide-icon{width:46px;height:46px;border-radius:14px;background:var(--color-bg-muted);display:grid;place-items:center}.guide-card h2{font-size:var(--text-md);margin-bottom:4px}.guide-card p{font-size:var(--text-sm);color:var(--color-text-sub)}.guide-actions{margin-top:27px}.guide-actions p{font-size:var(--text-xs);text-align:center;color:var(--color-text-mute);margin-bottom:16px}.quiz-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.progress-wrap{margin-bottom:28px}.progress-meta{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-sub);margin-bottom:9px}.progress-meta strong{color:var(--color-text);font-weight:700}.progress-track,.season-track{height:8px;background:var(--color-bg-muted);border-radius:var(--radius-pill);overflow:hidden}.progress-track>span{height:100%;display:block;background:var(--color-black);border-radius:inherit;transition:width .25s ease}.question-card,.result-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(22px,5vw,32px)}.question-heading h1{font-size:clamp(1.5rem,5vw,2rem);margin:13px 0 9px}.question-heading p{color:var(--color-text-mute);font-size:var(--text-sm)}.option-list{display:grid;gap:10px;margin-top:29px}.option-button{width:100%;min-height:58px;padding:12px 15px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background .15s ease,border .15s ease,transform .15s ease}.option-button:hover{background:var(--color-bg-subtle)}.option-index{width:28px;height:28px;border-radius:9px;background:var(--color-bg-muted);display:grid;place-items:center;font-size:var(--text-xs);color:var(--color-text-sub);flex:none}.option-button .icon{margin-left:auto}.option-button.is-selected{border:2px solid var(--color-blue);background:var(--color-blue-bg);padding:11px 14px}.option-button.is-selected .option-index{color:var(--color-white);background:var(--color-blue)}.quiz-footer{border-top:1px solid var(--color-border);margin-top:27px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-footer>span{font-size:var(--text-xs);color:var(--color-text-mute)}.previous-button{display:flex;align-items:center;gap:5px;margin:19px auto 0;border:0;background:transparent;color:var(--color-text-sub);font-size:var(--text-sm);cursor:pointer}.previous-button:disabled{visibility:hidden}.result-topline{display:flex;align-items:center;justify-content:space-between;margin:4px 0 15px}.result-count{font-size:var(--text-xs);color:var(--color-text-mute)}.result-hero{position:relative;overflow:hidden;min-height:250px;display:flex;align-items:center}.result-title{position:relative;z-index:1}.result-season-label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-sub)}.result-title h1{font-size:clamp(2.5rem,9vw,4rem);margin:5px 0 0}.subtype-en{font-size:var(--text-sm);letter-spacing:.12em;color:var(--color-text-sub)}.subtype-badge{display:inline-flex;margin-top:15px;padding:8px 13px;border-radius:var(--radius-pill);background:var(--color-bg-muted);font-size:var(--text-sm);font-weight:600}.keyword-row{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.keyword-row span{padding:5px 11px;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600}.result-orbit{position:absolute;width:210px;height:210px;border:1px solid var(--color-border);border-radius:50%;right:-14px;top:20px}.result-orbit:before,.result-orbit:after{content:"";position:absolute;border:1px solid var(--color-border);border-radius:50%;top:23px;right:23px;bottom:23px;left:23px}.result-orbit:after{top:46px;right:46px;bottom:46px;left:46px}.result-orbit span{position:absolute;top:68px;right:68px;bottom:68px;left:68px;background:var(--color-black);border-radius:50%}.result-orbit i,.result-orbit b{position:absolute;width:10px;height:10px;background:var(--color-black);border-radius:50%;left:32px;top:25px}.result-orbit b{width:6px;height:6px;background:var(--color-border-strong);left:auto;top:auto;right:30px;bottom:28px}.result-summary{color:var(--color-text-sub);padding:21px 2px 27px}.fit-card,.palette-card,.tips-card{margin-top:14px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:23px}.section-heading h2{font-size:var(--text-lg);margin-top:5px}.section-caption{font-size:var(--text-xs);color:var(--color-text-mute);text-align:right}.season-bars{display:grid;gap:14px}.season-row{display:grid;grid-template-columns:83px 1fr 44px;align-items:center;gap:12px}.season-label{font-size:var(--text-sm);font-weight:600}.season-track{height:10px}.season-fill{height:100%;display:block;background:var(--color-border-strong);border-radius:inherit}.season-fill.is-primary{background:var(--color-black)}.season-percent{text-align:right;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.swatch{aspect-ratio:1.05;min-width:0;border-radius:var(--radius-md);padding:11px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 1px #0000000f}.swatch strong{font-size:var(--text-xs);line-height:1.25}.swatch span{font-size:10px;opacity:.77;font-variant-numeric:tabular-nums}.avoid-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:28px 0 13px}.avoid-heading h3{font-size:var(--text-md)}.avoid-heading span{font-size:var(--text-xs);color:var(--color-text-mute)}.swatch-grid-small{grid-template-columns:repeat(4,minmax(0,1fr))}.swatch-grid-small .swatch{aspect-ratio:1.38}.tip-list{display:grid}.tip-list article{display:grid;grid-template-columns:37px 1fr;gap:13px;padding:15px 0;border-top:1px solid var(--color-border)}.tip-list article:first-child{border-top:0;padding-top:0}.tip-list article>span{font-size:var(--text-xs);font-weight:700;color:var(--color-text-mute)}.tip-list h3{font-size:var(--text-md);margin-bottom:4px}.tip-list p{font-size:var(--text-sm);color:var(--color-text-sub)}.runner-note{display:flex;align-items:flex-start;gap:12px;padding:18px 17px;margin-top:14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.runner-icon{width:35px;height:35px;border-radius:11px;background:var(--color-bg-muted);display:grid;place-items:center;flex:none}.runner-note p{font-size:var(--text-sm);color:var(--color-text-sub)}.runner-note strong{color:var(--color-text)}.disclaimer{font-size:var(--text-xs);color:var(--color-text-mute);margin:21px 2px}.result-actions{display:grid;gap:13px}@media(max-width:620px){.topbar{height:66px;width:calc(100% - 36px)}.topbar-note{font-size:10px}.main-container{width:calc(100% - 32px);padding:27px 0 42px}.hero-card{min-height:570px;align-items:flex-start;padding:37px 25px}.hero-copy h1{font-size:2.35rem}.hero-art{width:230px;height:230px;right:-35px;top:auto;bottom:-52px;transform:none;opacity:.65}.sun-disc{top:61px;right:61px;bottom:61px;left:61px}.sun-disc span{width:69px;height:69px}.orbit-two{top:38px;right:38px;bottom:38px;left:38px}.art-label{right:18px;bottom:25px;font-size:10px}.hero-copy{max-width:100%}.hero-meta{gap:8px;font-size:var(--text-xs)}.hero-copy>.btn{position:relative;z-index:2}.guide-card{grid-template-columns:27px 42px 1fr;gap:10px;padding:15px}.guide-icon{width:40px;height:40px}.guide-card p{font-size:var(--text-xs)}.page-intro{margin:33px 0 23px}.page-intro h1{font-size:1.8rem}.question-card{padding:22px 17px}.question-heading h1{font-size:1.55rem}.option-button{min-height:55px;padding:10px 11px;gap:10px}.option-button.is-selected{padding:9px 10px}.quiz-footer{align-items:flex-start;flex-direction:column}.quiz-footer .btn{width:100%}.result-card{padding:22px 18px}.result-hero{min-height:245px}.result-orbit{right:-95px;opacity:.55}.section-heading{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:18px}.section-caption{text-align:left}.season-row{grid-template-columns:71px 1fr 39px;gap:8px}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.swatch{aspect-ratio:1.32;padding:12px}.swatch-grid-small{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-grid-small .swatch{aspect-ratio:1.7}.avoid-heading{align-items:flex-start;flex-direction:column;gap:3px}.result-title h1{font-size:2.8rem}.result-summary{font-size:var(--text-sm)}.site-footer{font-size:10px}.hero-meta .icon{width:15px;height:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 17px;margin:0 auto 12px}.footer-links a{color:var(--color-text-sub);font-size:var(--text-xs);text-decoration:none}.footer-links a:hover{text-decoration:underline;text-underline-offset:3px}.site-footer>span{padding:0 3px}