.contrast{--accent:#5fd0b8}.ct-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.ct-color{display:flex;flex-direction:column;gap:6px;min-width:0}.ct-color>label{font:600 11.5px/1.2 var(--font-sans);color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.ct-crow{display:flex;gap:9px;align-items:center}.ct-pick{width:46px;height:46px;flex:0 0 auto;padding:0;border:1px solid rgba(140,160,235,.3);border-radius:12px;background:none;cursor:pointer}.ct-pick::-webkit-color-swatch-wrapper{padding:3px}.ct-pick::-webkit-color-swatch{border:none;border-radius:8px}.ct-crow .t-input{text-transform:uppercase}.ct-swap{align-self:center;margin-bottom:6px;width:40px;height:40px;flex:0 0 auto;cursor:pointer;border:1px solid rgba(140,160,235,.3);background:rgba(255,255,255,.04);color:var(--ink);border-radius:50%;font-size:18px;transition:background .15s,transform .2s}.ct-swap:hover{background:rgba(95,208,184,.16);transform:rotate(180deg)}.ct-lums{font:600 11.5px/1.4 var(--font-mono);color:var(--faint)}@media (max-width:560px){.ct-inputs{grid-template-columns:1fr;gap:10px}.ct-swap{transform:rotate(90deg)}.ct-swap:hover{transform:rotate(270deg)}}.ct-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}@media (max-width:720px){.ct-main{grid-template-columns:1fr}}.ct-score{display:flex;flex-direction:column;gap:14px}.ct-score .ct-facts{grid-template-columns:1fr}.ct-score .ct-facts b{white-space:nowrap;font-variant-numeric:tabular-nums}.ct-score .ct-grade{font:800 14px/1.3 var(--font-sans);margin-top:2px}.ct-grade.good{color:#5fd07a}.ct-grade.mid{color:#ffcf5a}.ct-grade.bad{color:#ff8f8f}.ct-scale{position:relative;padding:10px 0 34px}.ct-sc-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.ct-sc-bar i{display:block;height:100%}.ct-sc-bar .z1{width:36.1%;background:rgba(255,120,120,.55)}.ct-sc-bar .z2{width:13.3%;background:rgba(255,207,90,.6)}.ct-sc-bar .z3{width:14.5%;background:rgba(95,208,122,.6)}.ct-sc-bar .z4{flex:1;background:rgba(95,208,122,.9)}.ct-sc-ticks{position:absolute;left:0;right:0;top:4px;height:0}.ct-sc-ticks>span{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap}.ct-sc-ticks b{display:block;width:2px;height:22px;background:rgba(255,255,255,.75);border-radius:1px}.ct-sc-ticks em{font:800 11px/1.2 var(--font-mono);font-style:normal;color:var(--ink)}.ct-sc-ticks small{font:600 9.5px/1.2 var(--font-sans);color:var(--dim);text-transform:uppercase;letter-spacing:.05em}.ct-sc-pin{position:absolute;top:2px;left:0;width:0;height:0;transform:translate(-50%);pointer-events:none;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--accent-fill);filter:drop-shadow(0 0 4px var(--accent))}.ct-sc-pin:after{content:"";position:absolute;left:-1px;top:-11px;width:2px;height:28px;background:var(--accent-fill);opacity:.9}.ct-sc-ends{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:space-between;font:600 10px/1 var(--font-mono);color:var(--faint)}@media (max-width:420px){.ct-sc-ticks small{display:none}.ct-scale{padding-bottom:30px}}.ct-levels{gap:8px}.ct-lvlab{font:600 11px/1.2 var(--font-sans);color:var(--dim);text-transform:uppercase;letter-spacing:.05em}.ct-sug{display:flex;flex-direction:column;gap:9px}.ct-sug-head{margin:0;font:600 12.5px/1.5 var(--font-sans);color:var(--dim)}.ct-sug-head.ok{color:#8fe0ac}.ct-sug-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}@media (max-width:460px){.ct-sug-row{grid-template-columns:1fr}}.ct-sugbtn{display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;min-width:0;border:1px solid rgba(140,160,235,.28);background:rgba(255,255,255,.04);color:var(--ink);border-radius:12px;padding:8px 10px;font:600 12px/1.3 var(--font-sans);transition:border-color .15s,background .15s,transform .1s}@media (hover:hover){.ct-sugbtn:not(.none):hover{border-color:var(--accent);background:rgba(95,208,184,.1)}}.ct-sugbtn:not(.none):active{transform:translateY(1px)}.ct-sugbtn.fb{border-style:dashed}.ct-sugbtn.none{cursor:default;opacity:.55}.ct-sug-sw{flex:0 0 auto;width:44px;height:40px;border-radius:9px;display:grid;place-items:center;font:800 16px/1 var(--font-sans);border:1px solid rgba(255,255,255,.14)}.ct-sugbtn.none .ct-sug-sw{color:var(--faint);background:rgba(255,255,255,.03)}.ct-sug-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.ct-sug-txt b{font-weight:800;color:var(--ink);white-space:normal}.ct-sug-txt i{font-style:normal;font-weight:700;color:var(--accent-fill);white-space:nowrap}.ct-badges{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ct-badge{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;padding:9px 12px;font:700 12px/1.2 var(--font-sans);border:1px solid transparent}.ct-badge .ct-b-th{font:600 10.5px/1 var(--font-mono);opacity:.85}.ct-badge.pass{background:rgba(95,208,122,.12);border-color:#5fd07a66;color:#8fe0ac}.ct-badge.fail{background:rgba(255,143,143,.1);border-color:#ff8f8f57;color:#ff9f9f}.ct-badge .ct-mark{font-size:14px}.ct-preview{display:flex;flex-direction:column;gap:14px;justify-content:center;transition:background .12s}.ct-pv-lg{font:800 27px/1.2 var(--font-sans)}.ct-pv-sm{font:500 15px/1.5 var(--font-sans)}.ct-pv-ui{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ct-pv-btn{padding:8px 16px;border-radius:10px;border:2px solid currentColor;font:700 13px/1 var(--font-sans)}.ct-pv-link{font:600 14px/1 var(--font-sans);text-decoration:underline;text-underline-offset:3px}