.pc-seg{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:20px}.pc-seg-btn{flex:1 1 140px;padding-block:10px;padding-inline:12px;border-radius:10px;font-size:14px;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:#fff}.pc-panels{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding-block:40px;padding-inline:24px}.pc-panel{display:none}.pc-panel.active{display:block}.pc-sentence{margin:0;font-size:22px;line-height:2;text-align:center;color:var(--text)}.pc-num{inline-size:6.5em;max-inline-size:100%;margin-inline:4px;padding-block:6px;padding-inline:8px;background:var(--panel2);color:var(--text);border:none;border-block-end:2px solid var(--line);border-radius:6px 6px 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:17px;line-height:2.2}.pc-panels{padding-block:28px;padding-inline:16px}}