.pc-seg{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-block-end:20px}.pc-seg-btn{flex:1 1 140px;padding-block:var(--sp-2);padding-inline:var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-md);font-weight:600;border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer}.pc-seg-btn:hover{border-color:var(--accent)}.pc-seg-btn.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pc-panels{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding-block:40px;padding-inline:var(--sp-5)}.pc-panel{display:none}.pc-panel.active{display:block}.pc-sentence{margin:0;font-size:var(--fs-xl);line-height:2;text-align:center;color:var(--text)}.pc-num{inline-size:6.5em;max-inline-size:100%;margin-inline:4px;padding-block:var(--sp-2);padding-inline:var(--sp-2);background:var(--panel2);color:var(--text);border:none;border-block-end:2px solid var(--line);border-radius:var(--r-sm) var(--r-sm) 0 0;font:inherit;font-size:.85em;font-weight:700;text-align:center}.pc-num:focus{outline:none;border-block-end-color:var(--accent)}.pc-result{color:var(--accent);font-weight:800}.pc-result.pc-up{color:var(--ok)}.pc-result.pc-down{color:var(--err)}@media(max-width:560px){.pc-sentence{font-size:var(--fs-lg);line-height:2.2}.pc-panels{padding-block:28px;padding-inline:var(--sp-4)}}