.cc-pair{gap:6px;display:grid;position:relative}.cc-swap{width:40px;height:40px;color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong);cursor:pointer;transition:transform .5s var(--gl-spring), background .2s;background:#ffffff14;border:0;border-radius:50%;justify-self:end;place-items:center;margin:-4px 4px -4px 0;display:grid}.cc-swap:hover{background:#ffffff24;transform:rotate(180deg)}.cc-swap:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cc-swap svg{width:18px;height:18px}.cc-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.cc-recent{flex-wrap:wrap;gap:8px;display:flex}.cc-recent button{width:44px;height:44px;font:700 15px/1 var(--font-sans);cursor:pointer;transition:transform .35s var(--gl-spring);border:0;border-radius:12px;box-shadow:inset 0 0 0 1px #fff3}.cc-recent button:hover{transform:translateY(-2px)}.cc-recent button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cc-plate{border-radius:22px;padding:clamp(22px,3.4vw,40px);transition:background .25s,color .25s;box-shadow:inset 0 0 0 1px #ffffff24,0 24px 50px -30px #000000e6}.cc-plate-h{letter-spacing:-.03em;font-weight:700;line-height:1.1}.cc-plate p{max-width:60ch;margin-top:12px;line-height:1.55}.cc-plate-ui{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.cc-plate-btn{border-radius:999px;align-items:center;height:38px;padding:0 18px;font-size:14.5px;font-weight:600;display:inline-flex}.cc-plate-input{border:1.5px solid;border-radius:10px;align-items:center;min-width:150px;height:38px;padding:0 14px;font-size:14px;display:inline-flex}.cc-score{grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-top:18px;display:grid}.cc-score>div{background:#00000047;border-radius:20px;min-width:0;padding:16px 18px;box-shadow:inset 0 0 0 1px #ffffff14}.cc-ratio strong{letter-spacing:-.045em;color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(44px,5vw,64px);font-weight:600;line-height:1;display:block}.cc-ratio small{color:var(--text-3);letter-spacing:0;margin-left:4px;font-size:.42em}.cc-verdict{flex-direction:column;justify-content:center;gap:10px;display:flex}.cc-verdict .ta-pill{align-self:flex-start;height:32px;padding:0 12px;font-size:13.5px}.cc-verdict p,.cc-apca p{color:var(--text-2);font-size:13px;line-height:1.4}.cc-apca strong{letter-spacing:-.03em;color:var(--text);margin-bottom:4px;font-size:26px;font-weight:600;display:block}.cc-rows{border-top:1px solid var(--border-soft);margin:16px 0 0;padding:0;list-style:none}.cc-rows li{border-bottom:1px solid var(--border-soft);color:var(--text-2);border-radius:10px;grid-template-columns:1fr auto 82px;align-items:center;gap:14px;padding:10px;font-size:14px;display:grid}.cc-rows li[data-on]{color:var(--text);box-shadow:inset 3px 0 0 var(--primary);background:#ffffff0d}.cc-rows em{font-style:normal;font-family:var(--font-mono);color:var(--text-3);font-size:12.5px}.cc-rows .ta-pill{justify-self:end}.cc-fix{background:var(--warning-bg);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--warning) 35%, transparent);border-radius:20px;margin-top:18px;padding:16px}.cc-fix-head{color:var(--text-2);gap:10px;font-size:13.5px;line-height:1.5;display:flex}.cc-fix-head svg{width:18px;height:18px;color:var(--warning-text);flex:none;margin-top:1px}.cc-fix-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px;display:grid}.cc-fix-item{background:#0000004d;border-radius:16px;align-items:center;gap:12px;padding:10px;display:flex}.cc-fix-item>div{flex:1;min-width:0}.cc-fix-item code{font-family:var(--font-mono);color:var(--text);background:0 0;padding:0;font-size:14px;display:block}.cc-fix-item small{color:var(--text-3);font-size:12px}.cc-fix-sw{border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.cc-cvd{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cc-cvd li{flex-direction:column;gap:3px;min-width:0;display:flex}.cc-cvd-tile{letter-spacing:-.02em;border-radius:16px;place-items:center;height:84px;margin-bottom:8px;font-size:28px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.cc-cvd strong{color:var(--text);font-size:13.5px;font-weight:600}.cc-cvd small{color:var(--text-3);font-size:12px;line-height:1.35}.cc-cvd span{font-family:var(--font-mono);margin-top:2px;font-size:12.5px}.cc-ok{color:var(--success-text)}.cc-bad{color:var(--danger-text)}@media (max-width:1100px){.cc-cvd{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.cc-score{grid-template-columns:1fr 1fr}.cc-ratio{grid-column:1/-1}.cc-cvd{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-rows li{grid-template-columns:1fr auto}.cc-rows em{display:none}}.cc-float{display:none}@media (max-width:960px){.cc-float{--r:999px;--tint:.75;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;color:var(--text);cursor:pointer;animation:cc-pop .5s var(--gl-spring);border:0;align-items:center;gap:10px;padding:6px 8px 6px 6px;display:flex;position:fixed}.cc-float strong{font:600 17px/1 var(--font-sans);font-variant-numeric:tabular-nums}.cc-float-sw{border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #fff3}}@keyframes cc-pop{0%{opacity:0;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.cc-float{animation:none}}
