.cc{max-width:680px;margin:0 auto}
.cc__top{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.cc__col{display:flex;flex-direction:column;gap:var(--sp-1)}
.cc__lbl{font-size:var(--fs-sm);font-weight:600;color:var(--c-muted)}
.cc__row{display:flex;flex-direction:column;border:2px solid var(--c-line);border-radius:var(--rad-md);overflow:hidden;background:white;transition:border-color .15s}
.cc__row:focus-within{border-color:var(--c-primary)}
.cc__in{border:none;padding:var(--sp-3) var(--sp-3) var(--sp-1);font:inherit;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--c-ink);outline:none;background:transparent;text-align:center;width:100%}
.cc__row--out{cursor:default}
.cc__oval{display:block;padding:var(--sp-3) var(--sp-3) var(--sp-1);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--c-ink);text-align:center;min-height:2.6em;line-height:1.2}
.cc__sel{border:none;border-top:1px solid var(--c-line);padding:var(--sp-1) var(--sp-2);font:inherit;font-size:var(--fs-sm);color:var(--c-muted);background:var(--c-paper);cursor:pointer;outline:none;width:100%;text-align:center;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 10px) center;padding-right:28px}
.cc__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-bottom:var(--sp-3)}
.cc__r{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--rad-md);padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px}
.cc__r span{font-size:var(--fs-xs);color:var(--c-muted);font-weight:500}
.cc__r b{font-size:var(--fs-md);color:var(--c-ink);font-weight:700}
.cc__act{text-align:center}
@media(max-width:500px){.cc__top{grid-template-columns:1fr}.cc__grid{grid-template-columns:1fr}}