.color-quiz-page{--quiz-ink:#342a26;--quiz-body:#70615a;--quiz-accent:#dd6f4e;--quiz-soft:#f8f4f1;--quiz-line:#e7dfdb;width:100%;max-width:none;min-height:100vh;color:var(--quiz-ink);background:radial-gradient(circle at 90% 14%,#f2a08726,#0000 25rem),radial-gradient(circle at 4% 45%,#e5d8eb3d,#0000 28rem),#fcfbfa;margin:0;font-family:Manrope,Arial,sans-serif;overflow:hidden}.color-quiz-page :where(h1,h2,h3,p,ol,ul){margin:0}.color-quiz-page :where(ol,ul){padding:0;list-style:none}.color-quiz-header{justify-content:space-between;align-items:center;gap:24px;width:min(100% - 40px,1040px);min-height:100px;margin:0 auto;padding:22px 0;display:flex}.color-quiz-header .site-brand{align-items:center;display:inline-flex}.color-quiz-header .site-brand img{width:auto;height:48px}.color-quiz-home-link{color:var(--quiz-body);align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.color-quiz-home-link:hover{color:var(--quiz-accent)}.color-quiz-intro{text-align:center;width:min(100% - 40px,720px);margin:56px auto 34px}.color-quiz-kicker,.color-quiz-section-label{color:#b45d43;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.color-quiz-intro h1{color:var(--quiz-ink);letter-spacing:-.055em;margin-top:14px;font-size:clamp(38px,6vw,60px);font-weight:800;line-height:1.06}.color-quiz-intro h1 em{color:#dd8268;font-style:normal}.color-quiz-intro>p:not(.color-quiz-kicker){max-width:620px;color:var(--quiz-body);margin:22px auto 0;font-size:16px;line-height:1.75}.color-quiz-privacy-note{border:1px solid var(--quiz-line);color:var(--quiz-body);background:#ffffffb8;border-radius:999px;align-items:center;gap:9px;margin-top:22px;padding:9px 15px;font-size:12px;font-weight:600;display:inline-flex}.color-quiz-privacy-note svg{color:#8e6b78}.color-quiz-main{width:min(100% - 40px,760px);min-height:570px;margin:0 auto;padding:26px 0 88px;scroll-margin-top:16px}.color-quiz-card,.color-quiz-result-heading,.color-quiz-current,.color-quiz-cautions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border:1px solid #e7dfdbdb;border-radius:24px;box-shadow:0 24px 60px #492d2214}.color-quiz-card{padding:clamp(24px,5vw,46px);animation:.28s ease-out color-quiz-enter}.color-quiz-progress-copy{color:var(--quiz-body);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.color-quiz-progress-track{background:#eee7e3;border-radius:999px;height:5px;margin-top:11px;overflow:hidden}.color-quiz-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#e7977f,#d96949);height:100%;transition:width .3s;display:block}.color-quiz-fieldset{border:0;min-width:0;margin:36px 0 0;padding:0}.color-quiz-fieldset legend{width:100%;color:var(--quiz-ink);letter-spacing:-.035em;padding:0;font-size:clamp(23px,4vw,30px);font-weight:750;line-height:1.3}.color-quiz-question-hint{color:var(--quiz-body);font-size:13px;line-height:1.6;margin-top:8px!important}.color-quiz-options{gap:10px;margin-top:27px;display:grid}.color-quiz-option{border:1px solid var(--quiz-line);min-height:76px;color:var(--quiz-ink);cursor:pointer;background:#fff;border-radius:15px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:14px;padding:11px 16px;font-size:14px;font-weight:600;line-height:1.45;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s;display:grid}.color-quiz-option:hover{border-color:#e1b5a7;transform:translateY(-1px)}.color-quiz-option.is-selected{background:#fff7f3;border-color:#dd6f4ea6;box-shadow:0 0 0 2px #dd6f4e1a}.color-quiz-option input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.color-quiz-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #dd6f4e59}.color-quiz-option-marker{border:1px solid var(--quiz-line);color:#9a8b84;border-radius:50%;place-items:center;width:32px;height:32px;margin-top:2px;font-size:11px;font-weight:800;display:grid}.color-quiz-option.is-selected .color-quiz-option-marker{border-color:var(--quiz-accent);background:var(--quiz-accent);color:#fff}.color-quiz-option-copy{gap:4px;display:grid}.color-quiz-option-copy strong{color:var(--quiz-ink);font-size:14px;font-weight:750;line-height:1.45}.color-quiz-option-copy small{color:var(--quiz-body);font-size:12px;font-weight:500;line-height:1.55}.color-quiz-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:30px;display:flex}.color-quiz-actions button,.color-quiz-restart{cursor:pointer;border:0;font-family:inherit}.color-quiz-next{background:var(--quiz-accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:138px;min-height:50px;padding:12px 21px;font-size:13px;font-weight:800;display:inline-flex}.color-quiz-next:hover:not(:disabled){background:#c75c3c}.color-quiz-next:disabled{cursor:default;opacity:.38}.color-quiz-back{color:var(--quiz-body);background:0 0;align-items:center;gap:7px;padding:10px 4px;font-size:13px;font-weight:700;display:inline-flex}.color-quiz-back:hover{color:var(--quiz-accent)}.color-quiz-results{gap:18px;animation:.35s ease-out color-quiz-enter;display:grid}.color-quiz-result-heading{text-align:center;padding:clamp(30px,6vw,52px)}.color-quiz-result-icon{color:#b45d43;background:linear-gradient(145deg,#fff0eb,#f4eff8);border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto 18px;display:grid}.color-quiz-result-heading h2{max-width:600px;color:var(--quiz-ink);letter-spacing:-.045em;margin:12px auto 0;font-size:clamp(29px,5vw,42px);font-weight:800;line-height:1.16}.color-quiz-result-heading>p:not(.color-quiz-kicker){max-width:610px;color:var(--quiz-body);margin:20px auto 0;font-size:15px;line-height:1.75}.color-quiz-result-heading small{color:#958882;margin-top:16px;font-size:11px;line-height:1.6;display:block}.color-quiz-ranking{counter-reset:result;gap:12px;display:grid}.color-quiz-result-card{border:1px solid var(--quiz-line);background:#fff;border-radius:20px;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:17px;padding:clamp(22px,4vw,30px);display:grid;position:relative;overflow:hidden}.color-quiz-result-card.is-best{background:linear-gradient(135deg,#fffaf8,#fff 56%,#faf5fb);border-color:#dd6f4e59;box-shadow:0 18px 42px #76473817}.color-quiz-result-media{aspect-ratio:16/9;border-radius:14px;grid-column:1/-1;margin-bottom:18px;overflow:hidden}.color-quiz-result-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.color-quiz-result-number{border:1px solid var(--quiz-line);width:44px;height:44px;color:var(--quiz-body);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.color-quiz-result-card.is-best .color-quiz-result-number{border-color:var(--quiz-accent);background:var(--quiz-accent);color:#fff}.color-quiz-best-label{color:#b45d43;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:inline-block}.color-quiz-result-copy h3{color:var(--quiz-ink);letter-spacing:-.025em;font-size:clamp(19px,3vw,24px);font-weight:750}.color-quiz-why-label{color:#9a7770;letter-spacing:.08em;text-transform:uppercase;margin-top:11px;font-size:10px;font-weight:800;display:block}.color-quiz-result-copy p{color:var(--quiz-body);margin-top:5px;font-size:14px;line-height:1.75}.color-quiz-result-action{background:var(--quiz-accent);color:#fff;letter-spacing:.02em;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:11px 21px;font-size:12.5px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 22px #b7523333}.color-quiz-result-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px #b7523342}.color-quiz-current,.color-quiz-cautions{box-shadow:none;margin-top:8px;padding:clamp(25px,5vw,38px)}.color-quiz-current h3,.color-quiz-cautions h3{color:var(--quiz-ink);letter-spacing:-.03em;margin-top:8px;font-size:clamp(21px,4vw,27px);font-weight:750;line-height:1.3}.color-quiz-current>p:last-child{color:var(--quiz-body);margin-top:15px;font-size:14px;line-height:1.8}.color-quiz-insight-list{gap:10px;display:grid;margin-top:19px!important}.color-quiz-insight-list li{color:var(--quiz-body);padding-left:18px;font-size:13px;line-height:1.7;position:relative}.color-quiz-insight-list li:before{background:var(--quiz-accent);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:0}.color-quiz-cautions ul{gap:17px;margin-top:21px;display:grid}.color-quiz-cautions li{border-top:1px solid var(--quiz-line);padding-top:17px}.color-quiz-cautions strong{color:var(--quiz-ink);font-size:13px;line-height:1.6}.color-quiz-cautions span{color:var(--quiz-body);font-size:13px;line-height:1.7}.color-quiz-cta{text-align:center;background:radial-gradient(circle at 94% 8%,#fff6,#0000 17rem),linear-gradient(135deg,#f8e6df,#f4edf5);border-radius:24px;margin-top:20px;padding:clamp(32px,7vw,60px)}.color-quiz-cta h2{max-width:590px;color:var(--quiz-ink);letter-spacing:-.045em;margin:12px auto 0;font-size:clamp(28px,5vw,39px);font-weight:800;line-height:1.18}.color-quiz-cta>p:not(.color-quiz-kicker){max-width:610px;color:var(--quiz-body);margin:19px auto 0;font-size:14px;line-height:1.8}.color-quiz-page .color-quiz-cta .primary-cta{width:min(100%,400px);margin-top:27px}.color-quiz-cta>small{color:var(--quiz-body);margin-top:11px;font-size:11px;display:block}.color-quiz-restart{color:var(--quiz-body);background:0 0;justify-self:center;align-items:center;gap:8px;margin-top:12px;padding:9px 4px;font-size:12px;font-weight:700;display:inline-flex}.color-quiz-restart:hover{color:var(--quiz-accent)}.color-quiz-footer{border-top:1px solid var(--quiz-line);width:min(100% - 40px,1040px);color:var(--quiz-body);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin:0 auto;padding:34px 0 42px;font-size:11px;display:grid}.color-quiz-footer img{width:112px;height:auto;display:block}.color-quiz-footer nav{gap:20px;display:flex}.color-quiz-footer a{color:inherit;text-decoration:none}.color-quiz-footer a:hover{color:var(--quiz-accent)}@keyframes color-quiz-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=620px){.color-quiz-header{min-height:82px}.color-quiz-header .site-brand img{height:40px}.color-quiz-home-link{font-size:0}.color-quiz-home-link svg{width:20px;height:20px}.color-quiz-intro{margin-top:32px}.color-quiz-intro>p:not(.color-quiz-kicker){font-size:14px}.color-quiz-privacy-note{text-align:left;border-radius:16px;align-items:flex-start}.color-quiz-main{min-height:520px;padding-top:16px}.color-quiz-card{border-radius:20px}.color-quiz-fieldset{margin-top:29px}.color-quiz-options{margin-top:21px}.color-quiz-option{padding-inline:13px}.color-quiz-result-card{grid-template-columns:38px minmax(0,1fr);gap:13px}.color-quiz-result-number{width:38px;height:38px}.color-quiz-cautions li{grid-template-columns:1fr;gap:4px}.color-quiz-page .color-quiz-cta .primary-cta{letter-spacing:.11em;padding-inline:22px}.color-quiz-footer{grid-template-columns:1fr auto}.color-quiz-footer>p{display:none}.color-quiz-footer nav{text-align:right;flex-direction:column;align-items:flex-end;gap:5px}}@media (prefers-reduced-motion:reduce){.color-quiz-card,.color-quiz-results{animation:none}.color-quiz-option,.color-quiz-progress-track span{transition:none}}