.tc-app{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.tc-mode-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap}.tc-mode-btn{flex:1;min-width:160px;padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);color:var(--color-text);font-weight:600;font-size:0.9rem;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.tc-mode-btn:hover{border-color:var(--color-primary)}.tc-mode-btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.tc-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width:760px){.tc-grid{grid-template-columns:1.2fr 1fr;align-items:start}}.tc-amount-row{display:flex;gap:var(--space-2)}.tc-amount-row .search-select-wrap{flex:0 0 auto;width:170px}.tc-amount-row #tc-amount{flex:1;min-width:0}.tc-amount-row .search-select-results{width:280px;right:auto}.tc-rate-rows{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3)}.tc-rate-row{display:flex;align-items:center;gap:var(--space-2)}.tc-rate-row .tc-rate-label{flex:1.3;min-width:0}.tc-rate-value-wrap{position:relative;flex:1;min-width:0}.tc-rate-value-wrap .tc-rate-value{width:100%;padding-right:28px}.tc-rate-percent{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:0.875rem;pointer-events:none}.tc-rate-remove{flex-shrink:0;width:32px;height:32px;border:none;border-radius:999px;background:var(--color-bg-subtle);color:var(--color-danger);font-size:1.1rem;line-height:1;cursor:pointer}.tc-rate-remove:hover{background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.tc-result{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.tc-result-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;font-size:0.9375rem}.tc-result-row + .tc-result-row{border-top:1px dashed var(--color-border)}.tc-result-row strong{font-variant-numeric:tabular-nums}.tc-result-total{font-size:1.125rem}.tc-result-total strong{color:var(--color-primary)}.tc-result #tc-btn-copy{width:100%;margin-top:var(--space-3)}.tc-copy-confirm{text-align:center;font-size:0.8125rem;color:var(--color-success);margin:var(--space-2) 0 0}.tc-preset-hint{font-size:0.8125rem;color:var(--color-text-muted);margin:calc(-1 * var(--space-3)) 0 var(--space-3)}.tc-table-wrap{max-height:480px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.tc-table{width:100%;border-collapse:collapse;font-size:0.9rem}.tc-table th,.tc-table td{padding:var(--space-2) var(--space-3);text-align:left}.tc-table th{position:sticky;top:0;background:var(--color-bg-subtle);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.03em;color:var(--color-text-muted);z-index:1}.tc-table td{border-top:1px solid var(--color-border);font-variant-numeric:tabular-nums}.tc-table tbody tr:hover{background:var(--color-bg-subtle)}.search-select-wrap{position:relative}.search-select-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;max-height:240px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2)}.search-select-result{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:0.875rem}.search-select-result:hover,.search-select-result[aria-selected="true"]{background:var(--color-primary-soft);color:var(--color-primary)}.search-select-result.is-current{font-weight:700}.search-select-result.is-current::after{content:' \2713';color:var(--color-primary)}.search-select-empty{padding:var(--space-3);color:var(--color-text-muted);font-size:0.875rem;margin:0}