:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-app: #FAFAFA;--bg-surface: #FFFFFF;--bg-surface-subtle: #F4F4F5;--bg-surface-hover: #F8F9FA;--bg-input: #FFFFFF;--border-color: #E5E7EB;--border-subtle: #F3F4F6;--border-strong: #D1D5DB;--border-focus: #111827;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--text-inverse: #FFFFFF;--btn-primary-bg: #111827;--btn-primary-hover: #1F2937;--btn-primary-text: #FFFFFF;--badge-free-bg: #ECFDF5;--badge-free-text: #065F46;--badge-free-border: #A7F3D0;--badge-negligible-bg: #F0FDFA;--badge-negligible-text: #115E59;--badge-negligible-border: #99F6E4;--badge-proportional-bg: #EFF6FF;--badge-proportional-text: #1E40AF;--badge-proportional-border: #BFDBFE;--badge-moderate-bg: #FFFBEB;--badge-moderate-text: #92400E;--badge-moderate-border: #FDE68A;--badge-regressive-bg: #FEF2F2;--badge-regressive-text: #991B1B;--badge-regressive-border: #FECACA;--badge-uncapped-bg: #FFF1F2;--badge-uncapped-text: #881337;--badge-uncapped-border: #FECDD3;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--max-width: 1040px;--transition-fast: .12s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;background-color:var(--bg-app)}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:96px}.app-container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.header{padding:28px 0 24px;border-bottom:1px solid var(--border-color);margin-bottom:56px}.header-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.brand-logo{width:32px;height:32px;border-radius:var(--radius-sm);background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:-.02em}.brand-name{font-size:1.125rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);display:flex;align-items:center;gap:8px}.brand-tag{font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--bg-surface-subtle);border:1px solid var(--border-color);padding:2px 6px;border-radius:var(--radius-sm)}.header-actions{display:flex;align-items:center;gap:14px}.view-tabs{display:flex;background:var(--bg-surface-subtle);padding:3px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.tab-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-surface);color:var(--text-primary);font-weight:600;border:1px solid var(--border-color)}.api-status{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--text-muted);padding:6px 10px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-color)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-muted)}.status-dot.online{background-color:#10b981}.status-dot.offline{background-color:#ef4444}.hero{text-align:left;max-width:820px;margin-bottom:48px}.hero-tagline{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:14px}.hero-title{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;color:var(--text-primary);margin-bottom:16px}.hero-subtitle{font-size:1.1875rem;color:var(--text-secondary);line-height:1.55;max-width:680px}.presets-section{margin-bottom:32px}.presets-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-bottom:12px}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.preset-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;cursor:pointer;text-align:left;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:4px}.preset-card:hover{border-color:var(--border-strong);background:var(--bg-surface-hover)}.preset-card:active{background:var(--bg-surface-subtle)}.preset-card-top{display:flex;justify-content:space-between;align-items:baseline}.preset-amount{font-size:.9375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.preset-tag{font-size:.6875rem;font-weight:500;padding:1px 6px;border-radius:var(--radius-sm);background:var(--bg-surface-subtle);color:var(--text-muted);border:1px solid var(--border-color)}.preset-desc{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;margin-bottom:48px}.form-grid{display:grid;grid-template-columns:1fr 1.3fr auto;gap:20px;align-items:flex-end}@media (max-width: 800px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.form-label-hint{font-size:.75rem;font-weight:400;color:var(--text-muted)}.input-wrapper{position:relative;display:flex;align-items:center}.input-suffix{position:absolute;right:14px;font-size:.8125rem;font-weight:600;color:var(--text-muted);pointer-events:none}.form-input,.form-select{width:100%;height:46px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:0 14px;transition:border-color var(--transition-fast);outline:none}.form-input.has-suffix{padding-right:54px}.form-input:focus,.form-select:focus{border-color:var(--border-focus)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}.btn-primary{height:46px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:.9375rem;font-weight:600;padding:0 26px;cursor:pointer;transition:background-color var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert-card{border-radius:var(--radius-md);padding:16px 20px;margin-bottom:32px;display:flex;align-items:flex-start;gap:14px}.alert-card.error{background:#fef2f2;border:1px solid #FECACA;color:#991b1b}.alert-card.warning{background:#fffbeb;border:1px solid #FDE68A;color:#92400e}.alert-icon{flex-shrink:0;font-size:1.125rem;margin-top:1px}.alert-content{flex:1}.alert-title{font-weight:700;font-size:.9375rem;margin-bottom:2px}.alert-desc{font-size:.875rem;line-height:1.45}.results-section{display:flex;flex-direction:column;gap:32px}.spotlight-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px 32px}.spotlight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--border-subtle);padding-bottom:16px}.spotlight-tag{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#065f46;background:#ecfdf5;border:1px solid #A7F3D0;padding:4px 10px;border-radius:var(--radius-sm)}.spotlight-meta-text{font-size:.875rem;color:var(--text-secondary)}.spotlight-body{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;align-items:center}@media (max-width: 768px){.spotlight-body{grid-template-columns:1fr;gap:20px}}.spotlight-provider{display:flex;align-items:center;gap:14px}.provider-avatar{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9375rem;flex-shrink:0;border:1px solid var(--border-color)}.provider-info{display:flex;flex-direction:column}.provider-name{font-size:1.1875rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.provider-sub{font-size:.8125rem;color:var(--text-muted)}.spotlight-stat{display:flex;flex-direction:column}.stat-label{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:2px}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.15}.stat-value.highlight{color:#065f46}.stat-desc{font-size:.8125rem;color:var(--text-secondary);margin-top:2px}.table-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.table-header-bar{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:var(--bg-surface)}.table-title{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.count-pill{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-surface-subtle);border:1px solid var(--border-color);color:var(--text-secondary)}.table-controls{display:flex;align-items:center;gap:10px}.sort-select{height:34px;font-size:.8125rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);padding:0 10px;cursor:pointer;outline:none}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.comparison-table th{padding:12px 24px;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-surface-subtle);border-bottom:1px solid var(--border-color);white-space:nowrap}.comparison-table td{padding:18px 24px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:var(--bg-surface-hover)}.comparison-table tbody tr.is-cheapest{background:#f0fdf4}.table-provider-cell{display:flex;align-items:center;gap:12px}.table-provider-avatar{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0;border:1px solid var(--border-color)}.table-provider-details{display:flex;flex-direction:column}.table-provider-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.cheapest-microbadge{font-size:.6875rem;font-weight:600;background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0;padding:1px 6px;border-radius:var(--radius-sm)}.table-provider-channel{font-size:.75rem;color:var(--text-muted)}.fee-cell-amount{font-weight:700;font-size:.9375rem;color:var(--text-primary)}.fee-cell-amount.is-zero{color:#065f46}.fee-percent-bar-wrapper{display:flex;align-items:center;gap:8px;min-width:100px}.fee-percent-text{font-size:.875rem;font-weight:600;color:var(--text-primary)}.fee-bar-track{flex:1;height:4px;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden}.fee-bar-fill{height:100%;border-radius:var(--radius-full)}.fairness-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge-dot{width:5px;height:5px;border-radius:50%}.badge-free{background:var(--badge-free-bg);color:var(--badge-free-text);border-color:var(--badge-free-border)}.badge-free .badge-dot{background:var(--badge-free-text)}.badge-negligible{background:var(--badge-negligible-bg);color:var(--badge-negligible-text);border-color:var(--badge-negligible-border)}.badge-negligible .badge-dot{background:var(--badge-negligible-text)}.badge-proportional{background:var(--badge-proportional-bg);color:var(--badge-proportional-text);border-color:var(--badge-proportional-border)}.badge-proportional .badge-dot{background:var(--badge-proportional-text)}.badge-moderate{background:var(--badge-moderate-bg);color:var(--badge-moderate-text);border-color:var(--badge-moderate-border)}.badge-moderate .badge-dot{background:var(--badge-moderate-text)}.badge-regressive{background:var(--badge-regressive-bg);color:var(--badge-regressive-text);border-color:var(--badge-regressive-border)}.badge-regressive .badge-dot{background:var(--badge-regressive-text)}.badge-uncapped{background:var(--badge-uncapped-bg);color:var(--badge-uncapped-text);border-color:var(--badge-uncapped-border)}.badge-uncapped .badge-dot{background:var(--badge-uncapped-text)}.badge-neutral{background:var(--bg-surface-subtle);color:var(--text-secondary);border-color:var(--border-color)}.badge-neutral .badge-dot{background:var(--text-muted)}.notes-toggle-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.notes-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.notes-drawer{background:var(--bg-surface-subtle);display:none}.notes-drawer.open{display:table-row}.notes-drawer-content{padding:12px 20px;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.provider-explorer{display:flex;flex-direction:column;gap:32px}.explorer-header-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px}.provider-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.provider-chip{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8125rem;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.provider-chip:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.provider-chip.active{background:#111827;border-color:#111827;color:#fff;font-weight:600}.custom-provider-row{display:flex;gap:10px;margin-top:18px}.directory-summary-bar{padding:16px 0;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.directory-toggle-actions{display:flex;align-items:center;gap:8px}.text-action-btn{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:4px 10px;cursor:pointer;transition:all var(--transition-fast)}.text-action-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.directory-groups-container{display:flex;flex-direction:column;gap:14px}.directory-group-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.directory-group-card.is-expanded{border-color:var(--border-strong)}.directory-group-header{width:100%;background:var(--bg-surface);border:none;text-align:left;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color var(--transition-fast);gap:16px;outline:none}.directory-group-header:hover{background:var(--bg-surface-hover)}.directory-group-card.is-expanded .directory-group-header{border-bottom:1px solid var(--border-color)}.group-header-left{display:flex;flex-direction:column;gap:3px}.group-transfer-name{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.015em}.group-transfer-channel{font-size:.75rem;color:var(--text-muted)}.group-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.group-chevron-icon{width:18px;height:18px;color:var(--text-muted);transition:transform var(--transition-fast)}.directory-group-card.is-expanded .group-chevron-icon{transform:rotate(180deg);color:var(--text-primary)}.directory-group-content{display:none}.directory-group-card.is-expanded .directory-group-content{display:block}.empty-state{text-align:left;padding:40px 32px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted)}.empty-state-logo{display:block;margin-bottom:16px}.empty-state-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.empty-state-desc{font-size:.875rem;color:var(--text-secondary);max-width:600px}.footer{margin-top:72px;padding-top:24px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-muted);flex-wrap:wrap;gap:12px}.footer-brand-line{display:flex;align-items:center;gap:8px}.footer-logo{width:18px;height:18px;object-fit:contain}.footer-links{display:flex;gap:16px}.footer-link{color:var(--text-secondary);text-decoration:none}.footer-link:hover{color:var(--text-primary)}@media (max-width: 640px){.header-top{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.form-card,.spotlight-card,.explorer-header-card{padding:20px}.custom-provider-row{flex-direction:column}.directory-group-header{flex-direction:column;align-items:flex-start;gap:10px}.group-header-right{width:100%;justify-content:space-between}}