:root{--primary: #0f766e;--primary-dark: #115e59;--primary-soft: #f0fdfa;--border: #e2e8f0;--surface: #ffffff;--surface-muted: #f8fafc;--shadow-soft: 0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--text-main: #0f172a;--text-muted: #64748b;--up: #b45309;--down: #15803d;--radius: 14px;}
.infl-page{margin-bottom: 2.5rem;}
.infl-byline{display: flex;flex-wrap: wrap;justify-content: space-between;gap: .5rem 1rem;padding: .75rem 0;margin-bottom: 1.25rem;border-bottom: 1px solid var(--border);font-size: .85rem;color: var(--text-muted);}
.infl-byline .author-link{color: var(--primary);font-weight: 600;text-decoration: none;}
.infl-byline .author-link:hover{text-decoration: underline;}
.infl-tool{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-soft);padding: 1.25rem;margin-bottom: 2rem;}
.infl-tabs{display: inline-flex;gap: .25rem;padding: .25rem;background: var(--surface-muted);border: 1px solid var(--border);border-radius: 999px;margin-bottom: 1.25rem;max-width: 100%;overflow-x: auto;}
.infl-tab{border: 0;background: transparent;color: var(--text-muted);font-weight: 600;font-size: .9rem;padding: .5rem 1rem;border-radius: 999px;cursor: pointer;white-space: nowrap;}
.infl-tab.is-active{background: var(--primary);color: #fff;}
.infl-tab:focus-visible,.infl-btn:focus-visible,.infl-chip:focus-visible,.infl-swap:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;}
.infl-grid{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: 1.5rem;}
.infl-form{display: grid;gap: 1rem;}
.infl-field{display: flex;flex-direction: column;gap: .35rem;min-width: 0;}
.infl-field label{font-size: .8rem;font-weight: 600;color: var(--text-muted);text-transform: uppercase;letter-spacing: .04em;}
.infl-input{width: 100%;padding: .7rem .9rem;font-size: 1rem;border: 2px solid var(--border);border-radius: 10px;background: var(--surface);color: var(--text-main);box-sizing: border-box;}
.infl-input:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(15,118,110,.12);}
.infl-row{display: grid;grid-template-columns: 1fr auto 1fr;gap: .5rem;align-items: end;}
.infl-row-2{grid-template-columns: 1fr 1fr;gap: .75rem;}
.infl-swap{width: 2.5rem;height: 2.75rem;border: 2px solid var(--border);border-radius: 10px;background: var(--surface-muted);color: var(--primary);font-size: 1.2rem;cursor: pointer;}
.infl-swap:hover{border-color: var(--primary);}
.infl-presets{display: flex;flex-wrap: wrap;gap: .4rem;}
.infl-chip{border: 1px solid var(--border);background: var(--surface-muted);color: var(--text-main);font-size: .8rem;padding: .35rem .7rem;border-radius: 999px;cursor: pointer;}
.infl-chip:hover,.infl-chip.is-active{border-color: var(--primary);background: var(--primary-soft);color: var(--primary-dark);}
.infl-note{font-size: .8rem;color: var(--text-muted);margin: 0;line-height: 1.5;}
.infl-results{background: var(--primary-soft);border: 1px solid #ccfbf1;border-radius: 12px;padding: 1.25rem;min-width: 0;}
.infl-eyebrow{margin: 0;font-size: .9rem;color: var(--text-muted);}
.infl-big{margin: .2rem 0 0;font-size: clamp(2rem,6vw,2.75rem);font-weight: 800;color: var(--primary-dark);line-height: 1.1;overflow-wrap: anywhere;}
.infl-sub{margin: .2rem 0 1rem;font-size: .95rem;color: var(--text-main);}
.infl-stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .6rem;margin: 0 0 1.25rem;}
.infl-stats div{background: var(--surface);border: 1px solid var(--border);border-radius: 10px;padding: .65rem .75rem;}
.infl-stats dt{font-size: .72rem;font-weight: 600;color: var(--text-muted);text-transform: uppercase;letter-spacing: .03em;margin-bottom: .2rem;}
.infl-stats dd{margin: 0;font-size: 1.05rem;font-weight: 700;color: var(--text-main);}
.infl-stats dd.is-up{color: var(--up);}
.infl-stats dd.is-down{color: var(--down);}
.infl-path-title{font-size: .85rem;font-weight: 700;color: var(--text-main);margin: 0 0 .4rem;}
.infl-path{width: 100%;border-collapse: collapse;font-size: .85rem;background: var(--surface);border-radius: 10px;overflow: hidden;}
.infl-path th,.infl-path td{padding: .4rem .6rem;text-align: right;border-bottom: 1px solid var(--border);}
.infl-path th:first-child,.infl-path td:first-child{text-align: left;}
.infl-path th{font-size: .72rem;color: var(--text-muted);text-transform: uppercase;background: var(--surface-muted);}
.infl-path tbody{display: table-row-group;}
.infl-actions{display: flex;flex-wrap: wrap;gap: .5rem;margin-top: 1rem;}
.infl-btn{flex: 1 1 auto;border: 1px solid var(--primary);background: var(--primary);color: #fff;font-weight: 600;font-size: .875rem;padding: .6rem .9rem;border-radius: 10px;cursor: pointer;}
.infl-btn:hover{background: var(--primary-dark);}
.infl-btn-ghost{background: var(--surface);color: var(--primary);}
.infl-btn-ghost:hover{background: var(--surface-muted);}
.infl-status{min-height: 1.2em;margin: .5rem 0 0;font-size: .8rem;color: var(--primary-dark);}
.infl-status.is-error{color: #b91c1c;}
.infl-content{margin: 0 auto 2rem;color: var(--text-main);}
.infl-block{margin-bottom: 2.25rem;}
.infl-block h2{font-size: 1.45rem;font-weight: 700;margin-bottom: .75rem;}
.infl-block h3{font-size: 1.1rem;font-weight: 700;margin: 1.25rem 0 .5rem;}
.infl-block p{line-height: 1.7;color: #334155;}
.infl-table-wrap{overflow-x: auto;margin: 1rem 0;}
.infl-table{width: 100%;border-collapse: collapse;font-size: .95rem;}
.infl-table caption{caption-side: bottom;font-size: .8rem;color: var(--text-muted);padding-top: .5rem;}
.infl-table th,.infl-table td{padding: .6rem .8rem;border-bottom: 1px solid var(--border);text-align: left;}
.infl-table th{background: var(--surface-muted);font-size: .8rem;text-transform: uppercase;color: var(--text-muted);}
.infl-table tbody tr:hover{background: var(--primary-soft);}
.infl-code{background: #0f172a;color: #e2e8f0;border-radius: 10px;padding: 1rem;font-size: .875rem;overflow-x: auto;white-space: pre;}
.infl-code code{color: inherit;background: none;}
.infl-list{padding-left: 1.2rem;}
.infl-list li{margin-bottom: .6rem;line-height: 1.65;color: #334155;}
.infl-limits{background: #fffbeb;border: 1px solid #fde68a;border-radius: var(--radius);padding: 1.25rem 1.5rem;}
.infl-limits h2{color: #92400e;}
@media (max-width: 991px){.infl-grid{grid-template-columns: 1fr;}}
@media (max-width: 575px){.infl-tool{padding: 1rem;}.infl-stats{grid-template-columns: 1fr;}.infl-row{grid-template-columns: 1fr;}.infl-swap{width: 100%;height: 2.25rem;}.infl-row-2{grid-template-columns: 1fr 1fr;}}