.percentage-workspace button[data-v-e9a840e2],.percentage-workspace input[data-v-e9a840e2]{touch-action:manipulation}.percentage-workspace button[data-v-e9a840e2]:focus-visible,.percentage-workspace input[data-v-e9a840e2]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.percentage-heading[data-v-e9a840e2]{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:22px;justify-content:space-between;padding:24px 28px 20px}.percentage-heading>div:first-child>span[data-v-e9a840e2]{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.14em}.percentage-heading h2[data-v-e9a840e2]{color:var(--text-strong);font-size:clamp(22px,2.4vw,31px);letter-spacing:-.04em;margin:5px 0 7px}.percentage-heading p[data-v-e9a840e2]{color:var(--text-muted);font-size:11px;line-height:1.7;margin:0}.percentage-heading__mark[data-v-e9a840e2]{align-items:center;background:color-mix(in srgb,var(--accent) 5%,var(--surface-solid));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:10px;color:var(--accent);display:flex;font-size:10px;gap:9px;padding:11px 13px}.percentage-modes[data-v-e9a840e2]{background:var(--surface-soft);border-bottom:1px solid var(--line);display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 28px}.percentage-modes button[data-v-e9a840e2]{align-items:center;background:var(--surface-solid);border:1px solid var(--line);border-radius:9px;cursor:pointer;display:flex;gap:10px;min-height:58px;padding:9px 12px;text-align:left}.percentage-modes button>span[data-v-e9a840e2]{background:var(--surface-soft);border-radius:50%;color:var(--text-faint);display:grid;flex:0 0 auto;font-size:8px;height:27px;place-items:center;width:27px}.percentage-modes button>div[data-v-e9a840e2]{display:grid;gap:3px}.percentage-modes strong[data-v-e9a840e2]{color:var(--text);font-size:10px}.percentage-modes small[data-v-e9a840e2]{color:var(--text-faint);font-size:8px}.percentage-modes button.is-active[data-v-e9a840e2]{background:color-mix(in srgb,var(--accent) 6%,var(--surface-solid));border-color:color-mix(in srgb,var(--accent) 52%,var(--line))}.percentage-modes button.is-active>span[data-v-e9a840e2]{background:var(--accent);color:#fff}.percentage-modes button.is-active strong[data-v-e9a840e2]{color:var(--accent)}.percentage-layout[data-v-e9a840e2]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);min-height:400px}.percentage-form[data-v-e9a840e2],.percentage-result[data-v-e9a840e2]{min-width:0;padding:24px 28px}.percentage-result[data-v-e9a840e2]{background:var(--surface-soft);border-left:1px solid var(--line)}.percentage-step[data-v-e9a840e2]{align-items:center;display:flex;gap:10px;margin-bottom:22px}.percentage-step>span[data-v-e9a840e2]{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:50%;color:var(--accent);display:grid;font-size:9px;font-weight:800;height:30px;place-items:center;width:30px}.percentage-step>div[data-v-e9a840e2]{display:grid;gap:2px}.percentage-step strong[data-v-e9a840e2]{color:var(--text);font-size:12px}.percentage-step small[data-v-e9a840e2]{color:var(--text-faint);font-size:9px}.percentage-equation-input[data-v-e9a840e2]{align-items:end;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;padding:20px}.percentage-equation-input label[data-v-e9a840e2]{color:var(--text-muted);display:grid;font-size:10px;font-weight:700;gap:8px}.percentage-equation-input input[data-v-e9a840e2]{background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:9px;color:var(--text-strong);font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;height:52px;min-width:0;padding:0 13px;width:100%}.percentage-equation-input input[data-v-e9a840e2]:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.percentage-equation-input>b[data-v-e9a840e2]{color:var(--accent);font-size:15px;padding-bottom:16px}.percentage-affix[data-v-e9a840e2]{align-items:center;background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:9px;display:flex;overflow:hidden}.percentage-affix input[data-v-e9a840e2]{border:0;border-radius:0}.percentage-affix i[data-v-e9a840e2]{color:var(--text-muted);font-size:13px;font-style:normal;padding-right:13px}.percentage-context[data-v-e9a840e2]{align-items:flex-start;background:color-mix(in srgb,var(--accent) 6%,var(--surface-soft));border-radius:9px;color:var(--accent);display:flex;gap:9px;margin-top:18px;padding:12px}.percentage-context p[data-v-e9a840e2]{color:var(--text-muted);font-size:10px;line-height:1.7;margin:0}.percentage-context strong[data-v-e9a840e2]{color:var(--text);display:block}.percentage-result__hero[data-v-e9a840e2]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface-solid)),var(--surface-solid));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:12px;display:grid;gap:7px;padding:20px}.percentage-result__hero small[data-v-e9a840e2]{color:var(--text-muted);font-size:10px}.percentage-result__hero strong[data-v-e9a840e2]{color:var(--accent);font-size:clamp(30px,3.4vw,44px);font-variant-numeric:tabular-nums;letter-spacing:-.04em;overflow-wrap:anywhere}.percentage-result__hero span[data-v-e9a840e2]{color:var(--text-faint);font:9px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.percentage-result__hero.is-decrease strong[data-v-e9a840e2]{color:var(--danger)}.percentage-result dl[data-v-e9a840e2]{border-top:1px solid var(--line);display:grid;margin:16px 0 0}.percentage-result dl>div[data-v-e9a840e2]{border-bottom:1px solid var(--line);display:flex;font-size:10px;gap:12px;justify-content:space-between;padding:11px 2px}.percentage-result dt[data-v-e9a840e2]{color:var(--text-muted)}.percentage-result dd[data-v-e9a840e2]{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700;margin:0}.percentage-copy[data-v-e9a840e2]{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:9px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:750;gap:7px;justify-content:center;margin-top:18px;min-height:42px;width:100%}.percentage-error[data-v-e9a840e2]{color:var(--danger);font-size:10px;line-height:1.6;margin:11px 0 0}.percentage-footer[data-v-e9a840e2]{align-items:center;border-top:1px solid var(--line);color:var(--text-faint);display:flex;font-size:10px;gap:6px;justify-content:center;padding:13px 16px}@media(max-width:760px){.percentage-heading[data-v-e9a840e2]{align-items:flex-start;padding:20px}.percentage-heading__mark[data-v-e9a840e2]{display:none}.percentage-modes[data-v-e9a840e2]{grid-template-columns:1fr;padding:12px 20px}.percentage-modes button[data-v-e9a840e2]{min-height:50px}.percentage-layout[data-v-e9a840e2]{grid-template-columns:1fr}.percentage-form[data-v-e9a840e2],.percentage-result[data-v-e9a840e2]{padding:20px}.percentage-result[data-v-e9a840e2]{border-left:0;border-top:1px solid var(--line)}}@media(max-width:520px){.percentage-equation-input[data-v-e9a840e2]{align-items:stretch;grid-template-columns:1fr;padding:14px}.percentage-equation-input>b[data-v-e9a840e2]{padding:0;text-align:center}.percentage-equation-input input[data-v-e9a840e2]{font-size:18px}}