.pc-tool [hidden]{display:none!important}.pc-tool{--bg: var(--ec-cream);--surface: var(--ec-white);--ink: var(--ec-ink);--muted: var(--ec-muted);--line: var(--ec-line);--accent: var(--ec-forest);--accent-ink: var(--ec-paper);--hero: var(--ec-paper);--hero-ink: var(--ec-ink);--ok: #35583e;--ok-bg: #e2eadf;--short: #973e2e;--short-bg: #f7e2d8;--over: #665016;--over-bg: #f5e9b4;--seg-receipts: var(--ec-forest);--seg-tips: var(--ec-terra);--seg-cash: var(--ec-yellow);--f-display: var(--ec-font);--f-body: var(--ec-font);--f-num: ui-monospace, "SF Mono", Consolas, monospace;color-scheme:light}.pc-tool *{box-sizing:border-box}.pc-tool{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.45;padding-inline:16px;padding-block:24px 56px}.pc-tool .wrap{max-width:1120px;margin-inline:auto;display:flex;flex-direction:column;gap:20px}.pc-tool header.top{background:var(--hero);color:var(--hero-ink);border-radius:18px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:6px}.pc-tool header.top .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.pc-tool header.top h1{font-family:var(--f-display);font-weight:800;font-size:clamp(30px,6vw,48px);line-height:1.02;margin:0;letter-spacing:-.02em;text-wrap:balance}.pc-tool header.top p{margin:4px 0 0;max-width:62ch;opacity:.88}.pc-tool .grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start}@media (max-width: 880px){.pc-tool .grid{grid-template-columns:minmax(0,1fr)}}.pc-tool .col{display:flex;flex-direction:column;gap:16px;min-width:0}.pc-tool .sticky{position:sticky;top:calc(16px + env(safe-area-inset-top,0px))}@media (max-width: 880px){.pc-tool .sticky{position:static}}.pc-tool section.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}.pc-tool h2{font-family:var(--f-display);font-weight:600;font-size:20px;margin:0;letter-spacing:-.01em}.pc-tool .sub{color:var(--muted);font-size:13px;margin:-8px 0 0}.pc-tool .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 520px){.pc-tool .row2{grid-template-columns:minmax(0,1fr)}}.pc-tool label.f{display:flex;flex-direction:column;gap:5px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500}.pc-tool input[type=text],.pc-tool input[type=number]{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;min-width:0;text-transform:none;letter-spacing:0}.pc-tool input:focus-visible,.pc-tool button:focus-visible,.pc-tool select:focus-visible,.pc-tool textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pc-tool .money{position:relative;display:block}.pc-tool .money:before{content:"$";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-family:var(--f-num);pointer-events:none}.pc-tool .money input{padding-left:26px;font-family:var(--f-num);font-weight:500}.pc-tool .line{display:grid;grid-template-columns:minmax(0,1fr) 120px 36px;gap:8px;align-items:center}.pc-tool .line .sub-opt{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:-2px}.pc-tool .line .sub-opt input{width:16px;height:16px;accent-color:var(--accent)}.pc-tool .line+.line{padding-top:10px;border-top:1px dashed var(--line)}@media (max-width: 420px){.pc-tool .line{grid-template-columns:minmax(0,1fr) 104px 34px}}.pc-tool .x{width:36px;height:36px;border-radius:9px;border:1.5px solid var(--line);background:transparent;color:var(--muted);font-size:18px;cursor:pointer;line-height:1}.pc-tool .x:hover{color:var(--short);border-color:var(--short)}.pc-tool .btn{font:inherit;font-weight:700;border-radius:10px;padding:10px 14px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.pc-tool .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pc-tool .btn:disabled{opacity:.45;cursor:not-allowed}.pc-tool .btn.small{padding:6px 10px;font-size:13px;font-weight:500}.pc-tool .chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pc-tool .chips .lbl{font-size:12px;color:var(--muted);margin-right:2px}.pc-tool .subtotal{display:flex;justify-content:space-between;font-family:var(--f-num);font-size:14px;padding-top:4px}.pc-tool .subtotal b{font-weight:500}.pc-tool .example{background:var(--over-bg);color:var(--over);border-radius:10px;padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px;font-weight:500}.pc-tool .example .btn{color:var(--over);border-color:var(--over)}.pc-tool .result{border-radius:14px;border:2px solid var(--line);background:var(--surface);overflow:hidden}.pc-tool .verdict{padding:18px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}.pc-tool .result[data-state=balanced] .verdict{background:var(--ok-bg);color:var(--ok)}.pc-tool .result[data-state=short] .verdict{background:var(--short-bg);color:var(--short)}.pc-tool .result[data-state=over] .verdict{background:var(--over-bg);color:var(--over)}.pc-tool .result[data-state=balanced]{border-color:var(--ok)}.pc-tool .result[data-state=short]{border-color:var(--short)}.pc-tool .result[data-state=over]{border-color:var(--over)}.pc-tool .verdict .tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.pc-tool .verdict .big{font-family:var(--f-display);font-weight:800;font-size:clamp(26px,5vw,34px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.pc-tool .verdict p{margin:0;color:var(--ink);max-width:52ch}.pc-tool .verdict ul{margin:0;padding-left:18px;color:var(--ink)}.pc-tool .verdict li{margin:2px 0}.pc-tool .bar-area{padding:28px 18px 18px;display:flex;flex-direction:column;gap:10px}.pc-tool .bar{position:relative;height:34px;border-radius:8px;background:repeating-linear-gradient(45deg,var(--line) 0 6px,transparent 6px 12px);border:1.5px solid var(--line);display:flex}.pc-tool .seg{height:100%;transition:width .25s ease;min-width:0}.pc-tool .seg:first-child{border-radius:6px 0 0 6px}.pc-tool .seg.r{background:var(--seg-receipts)}.pc-tool .seg.t{background:var(--seg-tips)}.pc-tool .seg.c{background:var(--seg-cash)}.pc-tool .mark{position:absolute;top:-8px;bottom:-8px;width:3px;background:var(--ink);border-radius:2px;transition:left .25s ease}.pc-tool .mark:after{content:"Cash received";position:absolute;top:-16px;right:-2px;font-size:11px;white-space:nowrap;color:var(--muted)}.pc-tool .legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;font-size:13px;padding-top:10px}.pc-tool .legend>div{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}.pc-tool .legend .k{display:flex;align-items:center;gap:7px}.pc-tool .legend i{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none}.pc-tool .legend b{font-family:var(--f-num);font-weight:500}.pc-tool .legend .total{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:8px;font-weight:700}.pc-tool .send{padding:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.pc-tool .send h3{margin:0;font-family:var(--f-display);font-size:17px;font-weight:600}.pc-tool .copyrow{display:flex;gap:8px;align-items:center;justify-content:space-between;background:var(--bg);border-radius:10px;padding:8px 10px;min-width:0}.pc-tool .copyrow .t{min-width:0;overflow-wrap:anywhere;font-size:13px}.pc-tool .copyrow .t small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.pc-tool textarea{font:inherit;font-size:13px;width:100%;min-height:240px;resize:vertical;background:var(--bg);color:var(--ink);border:1.5px solid var(--line);border-radius:10px;padding:10px 12px}.pc-tool .note{font-size:12.5px;color:var(--muted);margin:0}.pc-tool .checks{display:flex;flex-direction:column;gap:8px;font-size:14px}.pc-tool .checks label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.pc-tool .checks input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent);flex:none}.pc-tool .checks .done{text-decoration:line-through;color:var(--muted)}.pc-tool .toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;max-width:calc(100% - 32px)}@media (prefers-reduced-motion: reduce){.pc-tool .seg,.pc-tool .mark{transition:none}}.pc-tool{padding:2rem var(--ec-page-pad) 4rem;font-size:1rem;line-height:1.6}.pc-tool .wrap{max-width:1200px;gap:1.5rem}.pc-tool .back-link{align-self:flex-start;font-size:.875rem}.pc-tool header.top{padding:0;border-radius:0;gap:.75rem}.pc-tool header.top .eyebrow{font-size:.875rem;font-weight:800;opacity:1;color:var(--ec-muted)}.pc-tool header.top h1{font-size:clamp(2rem,4vw,3.75rem);font-weight:700;line-height:1.08;letter-spacing:-.06em}.pc-tool header.top p{max-width:70ch;color:var(--ec-muted);opacity:1;font-size:1rem}.pc-tool .grid{gap:1.5rem}.pc-tool section.card{border-radius:1.1rem;padding:1.5rem;gap:1rem}.pc-tool h2{font-size:1.35rem;font-weight:800;letter-spacing:-.045em}.pc-tool .sub,.pc-tool .note,.pc-tool .line .sub-opt,.pc-tool .chips .lbl{font-size:.875rem}.pc-tool label.f{font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:700}.pc-tool input[type=text],.pc-tool input[type=number],.pc-tool textarea{background:var(--ec-paper);border-width:1px;min-height:3rem}.pc-tool input[aria-invalid=true]{border-color:var(--short)}.pc-tool .line{grid-template-columns:minmax(0,1fr) 124px 44px}.pc-tool .x{height:44px;width:44px}.pc-tool .btn{border-radius:999px;min-height:44px;font-size:.9375rem;border-width:1px}.pc-tool .btn.small{font-size:.875rem;padding:.5rem .9rem}.pc-tool .btn.primary{background:var(--ec-forest);border-color:var(--ec-forest)}.pc-tool .btn:hover{background:var(--ec-yellow);color:var(--ec-ink);border-color:var(--ec-ink)}.pc-tool .btn:disabled:hover{background:var(--ec-forest);color:var(--ec-paper);border-color:var(--ec-forest)}.pc-tool .example{color:var(--ec-ink);background:var(--ec-yellow);border-radius:.9rem;padding:.75rem 1rem;font-size:.875rem}.pc-tool .example .btn{color:var(--ec-ink);border-color:var(--ec-ink)}.pc-tool .result{border-radius:1.1rem;border-width:1px}.pc-tool .verdict,.pc-tool .send{padding:1.5rem}.pc-tool .verdict .tag{font-size:.875rem;letter-spacing:.08em}.pc-tool .verdict .big{font-size:clamp(1.6rem,3vw,2.15rem);font-weight:700;letter-spacing:-.045em;line-height:1.15}.pc-tool .verdict p,.pc-tool .verdict li{font-size:.9375rem}.pc-tool .bar-area{padding:2.75rem 1.5rem 1.5rem}.pc-tool .mark:after{font-size:.75rem;top:-22px}.pc-tool .legend{font-size:.875rem;gap:.8rem}.pc-tool .legend>div{flex-wrap:wrap}.pc-tool .send h3{font-size:1.35rem;font-weight:800;letter-spacing:-.04em}.pc-tool .copyrow .t,.pc-tool textarea,.pc-tool .checks{font-size:.875rem}.pc-tool .copyrow .t small{font-size:.75rem}.pc-tool .toast{z-index:40}.pc-tool .policy-note{font-size:.875rem;margin:0;color:var(--muted)}@media (max-width: 520px){.pc-tool{padding-top:1.5rem}.pc-tool section.card,.pc-tool .verdict,.pc-tool .send{padding:1rem}.pc-tool .bar-area{padding:2.75rem 1rem 1rem}.pc-tool .line{grid-template-columns:minmax(0,1fr) 44px}.pc-tool .line>input{grid-column:1}.pc-tool .line>.money{grid-column:1;grid-row:2}.pc-tool .line>.x{grid-column:2;grid-row:1 / 3}.pc-tool .line>.sub-opt{grid-row:3}.pc-tool .legend{grid-template-columns:1fr}}
