.qcd-app{--qcd-ink:#17213a;--qcd-muted:#5b6778;--qcd-blue:#2d6fa3;--qcd-blue-deep:#164b7a;--qcd-sky:#eaf5ff;--qcd-line:#cbd9e5;--qcd-surface:#fff;--qcd-wash:#f5f9fc;color:var(--qcd-ink);font-family:inherit}.qcd-app *{box-sizing:border-box}.qcd-app button,.qcd-app input{font:inherit}.qcd-shell{overflow:hidden;border:1px solid var(--qcd-line);border-radius:24px;background:var(--qcd-surface);box-shadow:0 15px 40px rgb(31 65 98 / .09)}.qcd-hero{padding:clamp(26px,5vw,60px);background:linear-gradient(135deg,#fff 0%,#eff8ff 58%,#e6f2fd 100%)}.qcd-hero-copy{max-inline-size:760px}.qcd-kicker{display:block;margin:0 0 2px;color:var(--qcd-blue);font-size:14px;font-weight:800;letter-spacing:.11em;line-height:1.25;text-transform:uppercase}.qcd-hero h1{margin:0;color:var(--qcd-ink);font-size:clamp(34px,5vw,57px);letter-spacing:-.052em;line-height:.98}.qcd-hero-copy>p:last-child{max-inline-size:660px;margin:17px 0 0;color:#35465b;font-size:clamp(16px,2vw,19px);line-height:1.52}.qcd-workspace{padding:clamp(22px,4vw,46px);background:linear-gradient(#fff,#fbfdff)}.qcd-start-copy{max-inline-size:760px}.qcd-start-copy h2,.qcd-question h2,.qcd-result-copy h2,.qcd-slider-stage h2{margin:0;color:var(--qcd-ink);font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.06}.qcd-start-copy>p,.qcd-question>p,.qcd-slider-stage>p,.qcd-result-copy>p{margin:12px 0 0;color:var(--qcd-muted);font-size:16px;line-height:1.55}.qcd-mode-grid{display:grid;gap:10px;margin-top:24px}.qcd-mode{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;inline-size:100%;min-block-size:72px;padding:14px;border:1px solid var(--qcd-line);border-radius:14px;background:#fff;color:var(--qcd-ink);cursor:pointer;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.qcd-mode:hover,.qcd-mode:focus-visible{border-color:var(--qcd-blue);background:#f4faff;box-shadow:0 7px 16px rgb(45 111 163 / .12);outline:none;transform:translateY(-1px)}.qcd-mode-icon{display:block;inline-size:42px;block-size:42px;padding:9px;border-radius:12px;background:var(--qcd-sky);color:var(--qcd-blue-deep);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.qcd-mode strong{display:block;font-size:16px}.qcd-mode span{display:block;min-inline-size:0;margin-top:3px;color:var(--qcd-muted);font-size:13px;line-height:1.32}.qcd-mode b{color:var(--qcd-blue);font-size:22px;font-weight:500}.qcd-privacy-note{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;max-inline-size:520px;margin-top:22px;padding:15px;border:1px solid rgb(45 111 163 / .21);border-radius:15px;background:rgb(255 255 255 / .7)}.qcd-privacy-note>span{display:grid;inline-size:34px;block-size:34px;border-radius:50%;background:var(--qcd-blue);color:#fff;font-size:23px;line-height:1;place-items:center}.qcd-privacy-note strong{display:block;font-size:14px}.qcd-privacy-note p{margin:3px 0 0;color:var(--qcd-muted);font-size:13px;line-height:1.45}.qcd-progress{display:flex;align-items:center;gap:8px;margin-bottom:24px}.qcd-progress>span{block-size:7px;flex:1;border-radius:999px;background:#e6edf3}.qcd-progress>span.is-complete{background:#8ec9ef}.qcd-progress>span.is-current{background:var(--qcd-blue)}.qcd-question-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,320px);gap:36px;align-items:start}.qcd-question-layout.is-single{grid-template-columns:minmax(0,1fr)}.qcd-question,.qcd-question-layout,.qcd-answer-grid,.qcd-result-copy{min-inline-size:0}.qcd-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;margin-top:24px}.qcd-answer{display:grid;min-inline-size:0;min-block-size:124px;block-size:100%;align-content:start;padding:16px;border:1px solid var(--qcd-line);border-radius:15px;background:#fff;color:var(--qcd-ink);cursor:pointer;overflow-wrap:anywhere;text-align:left;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.qcd-answer:hover,.qcd-answer:focus-visible{border-color:var(--qcd-blue);background:#f2f9ff;box-shadow:0 7px 15px rgb(45 111 163 / .11);outline:none;transform:translateY(-1px)}.qcd-answer strong{display:block;min-inline-size:0;font-size:16px;line-height:1.18}.qcd-answer span{display:block;min-inline-size:0;margin-top:6px;color:var(--qcd-muted);font-size:13px;line-height:1.35}.qcd-question-aside{align-self:start;padding:20px;border:1px solid #d5e8f6;border-radius:18px;background:#f5fbff}.qcd-question-aside strong{font-size:15px}.qcd-question-aside p{margin:7px 0 0;color:var(--qcd-muted);font-size:14px;line-height:1.48}.qcd-axis-list{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.qcd-axis-list li{padding:8px 10px;border:1px solid #d1e2ef;border-radius:8px;background:#fff;color:#40556b;font-size:13px;font-weight:750}.qcd-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.qcd-button{display:inline-flex;min-inline-size:0;min-block-size:44px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--qcd-line);border-radius:11px;background:#fff;color:var(--qcd-ink);cursor:pointer;overflow-wrap:anywhere;font-size:15px;font-weight:850;line-height:1.2;text-align:center;transition:background .18s ease,border-color .18s ease,transform .18s ease}.qcd-button:hover,.qcd-button:focus-visible{border-color:var(--qcd-blue);background:#f0f8ff;outline:none;transform:translateY(-1px)}.qcd-button-primary{border-color:var(--qcd-blue);background:var(--qcd-blue);color:#fff}.qcd-button-primary:hover,.qcd-button-primary:focus-visible{background:var(--qcd-blue-deep);color:#fff}.qcd-slider-stage{max-inline-size:810px;margin:auto}.qcd-slider-stage>p{margin-bottom:22px}.qcd-slider-list{display:grid;gap:19px}.qcd-slider{padding:17px 17px 14px;border:1px solid var(--qcd-line);border-radius:15px;background:#fff}.qcd-slider-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.qcd-slider-header label{color:var(--qcd-ink);font-size:16px;font-weight:850}.qcd-slider-header output{color:var(--qcd-blue-deep);font-size:14px;font-weight:800;text-align:right}.qcd-slider-labels{display:flex;justify-content:space-between;gap:14px;margin-top:10px;color:var(--qcd-muted);font-size:14px;font-weight:750}.qcd-slider input,.qcd-rgb-controls input{display:block;inline-size:100%;margin:14px 0 7px;accent-color:var(--qcd-blue);cursor:ew-resize;touch-action:pan-y}.qcd-slider-steps{display:grid;grid-template-columns:repeat(11,1fr);gap:4px}.qcd-slider-steps i{block-size:7px;border-radius:999px;background:#cddae5}.qcd-slider-steps i.is-active{background:var(--qcd-blue);transform:scaleY(1.55)}.qcd-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,390px);gap:clamp(24px,5vw,60px);align-items:start}.qcd-result-copy>p{max-inline-size:590px}.qcd-core{position:relative;min-block-size:375px;overflow:hidden;padding:28px;border-radius:23px;background:var(--qcd-color);color:var(--qcd-contrast);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .25),0 18px 35px rgb(25 50 74 / .16)}.qcd-core::before{position:absolute;inset:-35% 38% 48% -20%;border:1px solid rgb(255 255 255 / .42);border-radius:50%;content:""}.qcd-core>*{position:relative}.qcd-core small{display:block;font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.qcd-core code{display:block;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(39px,6vw,59px);font-weight:800;letter-spacing:-.07em}.qcd-core .qcd-color-name{display:block;margin-top:4px;font-size:18px;font-weight:750}.qcd-core button{position:absolute;inset:auto 28px 28px;border-color:rgb(255 255 255 / .55);background:rgb(255 255 255 / .13);color:inherit}.qcd-core button:hover,.qcd-core button:focus-visible{border-color:#fff;background:rgb(255 255 255 / .25)}.qcd-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:23px 0 0}.qcd-fact{padding:13px;border:1px solid var(--qcd-line);border-radius:12px;background:#fff}.qcd-fact small,.qcd-fact strong{display:block}.qcd-fact small{color:var(--qcd-muted);font-size:12px}.qcd-fact strong{margin-top:4px;color:var(--qcd-ink);font-size:15px;line-height:1.25}.qcd-territory{margin-top:20px}.qcd-territory>strong{font-size:15px}.qcd-territory p{margin:5px 0 10px;color:var(--qcd-muted);font-size:14px;line-height:1.45}.qcd-territory-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border-radius:12px}.qcd-territory-row button{min-block-size:63px;border:0;background:var(--qcd-swatch);cursor:pointer}.qcd-territory-row button:focus-visible{position:relative;z-index:1;outline:3px solid var(--qcd-ink);outline-offset:-3px}.qcd-result-actions,.qcd-result-reset-actions,.qcd-export-actions{display:grid;align-items:stretch;gap:10px}.qcd-result-actions{margin-top:23px;grid-template-columns:repeat(3,minmax(0,1fr))}.qcd-result-reset-actions{margin-top:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.qcd-fine-tune{margin-top:17px;padding:15px 17px;border:1px solid var(--qcd-line);border-radius:15px;background:var(--qcd-wash)}.qcd-fine-tune[open]{background:#f5faff}.qcd-fine-tune summary{cursor:pointer;font-size:15px;font-weight:850}.qcd-fine-tune p{margin:8px 0 0;color:var(--qcd-muted);font-size:14px;line-height:1.45}.qcd-rgb-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.qcd-rgb-controls label{display:grid;min-inline-size:0;gap:6px;color:var(--qcd-muted);font-size:13px;font-weight:750}.qcd-rgb-controls input{margin:0}.qcd-export{margin-top:17px;padding-top:17px;border-top:1px solid var(--qcd-line)}.qcd-export>strong{font-size:15px}.qcd-export>p{margin:5px 0 10px;color:var(--qcd-muted);font-size:14px;line-height:1.45}.qcd-export-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.qcd-toast{min-block-size:1.3em;margin:13px 0 0;color:var(--qcd-blue-deep);font-size:14px;font-weight:750}.qcd-noscript{padding:20px;border:1px solid var(--qcd-line);border-radius:14px;color:var(--qcd-ink)}.qcd-app .qcd-mode,.qcd-app .qcd-answer,.qcd-app .qcd-button{min-inline-size:0;max-inline-size:100%;white-space:normal;overflow-wrap:anywhere}.qcd-expression{margin-top:20px;padding:16px;border:1px solid var(--qcd-line);border-radius:15px;background:#f8fbfe}.qcd-expression>strong{display:block;font-size:16px}.qcd-expression>p{margin:5px 0 13px;color:var(--qcd-muted);font-size:14px;line-height:1.45}.qcd-expression-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.qcd-app .qcd-expression-options>button{display:flex;min-inline-size:0;min-block-size:48px;align-items:center;justify-content:center;padding:9px;border:1px solid var(--qcd-line);border-radius:10px;background:#fff;color:var(--qcd-ink);cursor:pointer;font-family:inherit;font-size:14px;font-weight:800;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere}.qcd-app .qcd-expression-options>button[aria-pressed="true"]{border-color:var(--qcd-blue);background:var(--qcd-blue);color:#fff}.qcd-project-route+.qcd-result-actions{margin-top:12px}.qcd-result-actions>.qcd-button,.qcd-result-reset-actions>.qcd-button,.qcd-export-actions>.qcd-button{display:flex;inline-size:100%;min-block-size:48px;align-items:center;justify-content:center;margin:0;padding:11px 13px;line-height:1.25}.qcd-project-route{margin:20px 0 0;padding:12px 15px;border-inline-start:3px solid var(--qcd-blue);border-radius:0 10px 10px 0;background:var(--qcd-sky);color:var(--qcd-ink);font-size:14px;line-height:1.45}@media (max-width:1100px){.qcd-result{grid-template-columns:minmax(0,1fr);gap:24px}.qcd-core{order:0;max-inline-size:none}.qcd-result-copy{order:1}.qcd-answer-grid,.qcd-result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.qcd-expression-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.qcd-question-layout{grid-template-columns:1fr}.qcd-question-aside{display:none}.qcd-result-copy{order:2}.qcd-core{order:1;min-block-size:300px}.qcd-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.qcd-result-actions,.qcd-result-reset-actions,.qcd-export-actions{grid-template-columns:minmax(0,1fr)}.qcd-expression-options{grid-template-columns:repeat(2,minmax(0,1fr))}.qcd-expression-options>button:first-child{grid-column:1/-1}}@media (max-width:480px){.qcd-shell{border-radius:17px}.qcd-hero,.qcd-workspace{padding-inline:14px}.qcd-hero h1{font-size:35px}.qcd-mode{grid-template-columns:38px minmax(0,1fr) 20px;gap:9px;align-items:start}.qcd-mode-icon{inline-size:38px;block-size:38px;padding:8px}.qcd-mode>b{align-self:center;font-size:18px}.qcd-answer-grid,.qcd-facts,.qcd-rgb-controls{grid-template-columns:1fr}.qcd-answer{min-block-size:112px}.qcd-nav>.qcd-button{inline-size:100%;white-space:normal}.qcd-slider-labels{gap:8px}.qcd-slider-labels span{max-inline-size:46%;overflow-wrap:anywhere}.qcd-core{min-block-size:255px}.qcd-core code{font-size:42px}}@media (prefers-reduced-motion:reduce){.qcd-app *,.qcd-app *::before,.qcd-app *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}