html,body,#root{height:auto;min-height:100%}body{background:linear-gradient(180deg, var(--sky-top), var(--sky) 320px, var(--sky))}.af-page{flex-direction:column;min-height:100vh;display:flex}.af-head{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--sky-line);background:#f2f9ffeb;align-items:center;gap:16px;padding:10px 24px;display:flex;position:sticky;top:0}.af-brand{align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.af-brand img{border-radius:10px;width:40px;height:40px}.af-brand span{flex-direction:column;line-height:1.05;display:flex}.af-brand b{font-family:var(--font-display);color:var(--brand);letter-spacing:.3px;font-size:22px;font-weight:400}.af-brand small{color:var(--sky-ink);font-size:13px;font-weight:800}.af-tabs{gap:6px;display:flex}.af-tabs button{color:var(--sky-ink);border:2px solid #0000;border-radius:12px;padding:8px 14px;font-size:15px;font-weight:800}.af-tabs button.is-on{color:var(--blue-dark);border-color:var(--sky-line);background:#fff}.af-main{flex-direction:column;flex:1;gap:18px;width:100%;max-width:1080px;margin:0 auto;padding:24px 16px 48px;display:flex}.af-foot{text-align:center;color:var(--sky-ink);padding:18px 16px 28px;font-size:14px;font-weight:800}.af-foot a{color:var(--sky-ink)}.af-foot p{opacity:.8;margin-top:8px;font-size:12px;font-weight:700}.af-card{border:2px solid var(--sky-line);border-radius:var(--radius-lg);background:#fff;min-width:0;padding:20px}.af-card h2,.af-section h2{color:var(--text);margin-bottom:12px;font-size:22px;font-weight:900}.af-card h3{color:var(--text-muted);margin:16px 0 8px;font-size:15px;font-weight:900}.af-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.af-card-head h2{margin-bottom:0}.af-muted{color:var(--text-muted);font-size:15px;line-height:1.45}.af-loading{text-align:center;padding:40px 0}.af-fine{color:var(--text-muted);margin-top:10px;font-size:13px;font-weight:700;line-height:1.45}.af-fine a,.af-muted a,.af-terms a,.af-check a{color:var(--blue)}.af-textbtn{color:var(--blue);padding:6px 4px;font-size:15px;font-weight:800}.af-banner{background:var(--yellow-light);color:#8a6200;border:2px solid #ffe27a;border-radius:16px;padding:14px 16px;font-size:15px;line-height:1.4}.af-banner.is-bad{background:var(--red-light);color:var(--red-dark);border-color:#ffb3b5}.af-msg{font-size:14px;font-weight:800;line-height:1.4}.af-msg.is-ok{color:var(--green-dark)}.af-msg.is-bad{color:var(--red)}.af-hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:24px;padding:18px 8px 8px;display:grid}.af-kicker{background:var(--brand-soft);color:var(--brand-dark);letter-spacing:.6px;text-transform:uppercase;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:900;display:inline-block}.af-hero h1{font-family:var(--font-display);color:var(--text);margin:14px 0 12px;font-size:clamp(34px,5.4vw,54px);font-weight:400;line-height:1.05}.af-hero p{color:var(--text-muted);max-width:34ch;font-size:19px;line-height:1.5}.af-hero p b{color:var(--brand-dark)}.af-cta{width:auto;margin-top:22px;padding:12px 28px;text-decoration:none;display:inline-flex}.af-hero-bruno{filter:drop-shadow(0 12px 18px #1e50822e);justify-self:center;width:100%;max-width:340px}.af-section{padding:6px 0}.af-steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.af-step{border:2px solid var(--sky-line);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:6px;padding:18px;display:flex}.af-step i{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:4px;font-style:normal;font-weight:900;display:grid}.af-step b{color:var(--text);font-size:18px;font-weight:900}.af-step span{color:var(--text-muted);font-size:15px;line-height:1.45}.af-examples{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.af-example{border:2px solid var(--sky-line);border-radius:var(--radius-lg);background:#fff;border-bottom-width:4px;flex-direction:column;gap:2px;padding:18px;display:flex}.af-example small{color:var(--sky-ink);font-size:14px;font-weight:800}.af-example b{font-family:var(--font-display);color:var(--green-dark);font-size:44px;font-weight:400;line-height:1.15}.af-example span{color:var(--text-muted);font-size:15px}.af-examples .af-fine{grid-column:1/-1;margin-top:0}.af-faq{flex-direction:column;gap:8px;display:flex}.af-faq details{border:2px solid var(--sky-line);background:#fff;border-radius:16px;padding:14px 16px}.af-faq summary{cursor:pointer;color:var(--text);font-size:16px;font-weight:900}.af-faq p{color:var(--text-muted);margin-top:8px;font-size:15px;line-height:1.5}.af-terms{color:var(--text-muted);flex-direction:column;gap:10px;padding-left:22px;font-size:15px;line-height:1.55;display:flex}.af-terms b{color:var(--text)}.af-auth{width:100%;max-width:460px;margin:6px auto;scroll-margin-top:80px}.af-auth form,.af-join{flex-direction:column;gap:12px;display:flex}.af-auth-tabs{background:var(--polar);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;display:grid}.af-auth-tabs button{color:var(--text-muted);border-radius:10px;padding:10px;font-size:15px;font-weight:900}.af-auth-tabs button.is-on{color:var(--text);box-shadow:0 2px 0 var(--border);background:#fff}.af-join{max-width:640px}.af-card.af-join{width:100%;margin:0 auto}.af-input{border:2px solid var(--border);background:var(--polar);width:100%;height:50px;color:var(--text);font:inherit;border-radius:14px;outline:none;padding:0 14px;font-size:16px;font-weight:700}select.af-input{cursor:pointer}.af-input:focus{border-color:var(--blue);background:#fff}.af-input::placeholder{color:var(--hare)}.af-field{flex-direction:column;gap:6px;min-width:0;display:flex}.af-field>span:first-child{color:var(--text-muted);font-size:14px;font-weight:900}.af-field-row{grid-template-columns:1fr 1.4fr;gap:12px;display:grid}.af-field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0;display:grid}.af-code-input{text-transform:lowercase;letter-spacing:.5px;font-weight:800}.af-preview{color:var(--text-muted);overflow-wrap:anywhere;font-size:13px;font-weight:700}.af-preview b{color:var(--text)}.af-preview em{color:var(--red);font-style:normal}.af-preview em.is-ok{color:var(--green-dark)}.af-check{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;line-height:1.4;display:flex}.af-check input{width:20px;height:20px;accent-color:var(--brand);flex-shrink:0;margin-top:1px}.af-row-btns{gap:10px;display:flex}.af-unit{align-items:center;gap:8px;display:flex}.af-unit b{color:var(--text-muted);font-size:16px}.af-grid{gap:18px;display:grid}.af-grid-link{grid-template-columns:1fr auto}.af-link-row{align-items:center;gap:10px;display:flex}.af-link-row code{background:var(--polar);border:2px solid var(--border);min-width:0;font-family:var(--font);color:var(--text);overflow-wrap:anywhere;border-radius:14px;flex:1;padding:12px 14px;font-size:16px;font-weight:800}.af-big-code{letter-spacing:1.5px;font-family:var(--font-display)!important;color:var(--brand-dark)!important;font-size:24px!important;font-weight:400!important}.af-copy{flex-shrink:0;width:auto;min-height:46px;padding:10px 18px}.af-qr-card{place-items:center;display:grid}.af-qr{flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.af-qr span{width:168px;height:168px;display:block}.af-qr span svg{width:100%;height:100%}.af-qr small{color:var(--blue);font-size:13px;font-weight:800}.af-tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.af-tile{border:2px solid var(--sky-line);background:#fff;border-radius:18px;flex-direction:column;gap:2px;min-width:0;padding:14px 16px;display:flex}.af-tile small{color:var(--sky-ink);font-size:13px;font-weight:800}.af-tile b{color:var(--text);font-size:28px;font-weight:900}.af-tile span{color:var(--text-muted);font-size:13px;line-height:1.3}.af-tile.is-money b{color:var(--green-dark)}.af-seg{background:var(--polar);border-radius:12px;gap:4px;padding:3px;display:flex}.af-seg button{color:var(--text-muted);border-radius:9px;padding:6px 12px;font-size:14px;font-weight:800}.af-seg button.is-on{color:var(--blue-dark);box-shadow:0 2px 0 var(--border);background:#fff}.af-chart-read{color:var(--text-muted);min-height:22px;margin-bottom:8px;font-size:15px}.af-chart-read b{color:var(--text);font-size:20px}.af-bars{border-bottom:2px solid var(--border);align-items:flex-end;gap:3px;height:150px;display:flex}.af-bars button{flex:1;align-items:flex-end;min-width:0;height:100%;padding:0;display:flex}.af-bars i{background:var(--blue);border-radius:4px 4px 0 0;width:100%;min-height:2px;display:block}.af-bars button.is-on i{background:var(--blue-dark)}.af-axis{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.af-details{grid-template-columns:max-content 1fr;gap:8px 18px;font-size:15px;display:grid}.af-details dt{color:var(--text-muted);font-weight:800}.af-details dd{color:var(--text);overflow-wrap:anywhere}.af-table-wrap{margin:0 -4px;overflow-x:auto}.af-table{border-collapse:collapse;width:100%;font-size:14px}.af-table th,.af-table td{text-align:left;border-bottom:2px solid var(--polar);white-space:nowrap;vertical-align:middle;padding:9px 8px}.af-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:900}.af-table .num{text-align:right}.af-table td small{color:var(--text-muted);font-weight:700}.af-table tr.is-test td{opacity:.55}.af-table .af-under{font-size:12px;display:block}.af-table .show-sm{display:none}.af-pill{background:var(--polar);color:var(--text-muted);border-radius:99px;padding:3px 9px;font-size:12px;font-weight:900;display:inline-block}.af-pill.is-due,.af-pill.is-approved{background:var(--green-light);color:var(--green-dark)}.af-pill.is-paid{background:var(--blue-light);color:var(--blue-dark)}.af-pill.is-pending{background:var(--yellow-light);color:#a87800}.af-pill.is-void,.af-pill.is-suspended,.af-pill.is-rejected{background:var(--red-light);color:var(--red-dark)}.af-mini{border:2px solid var(--border);color:var(--text-muted);background:#fff;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:900}.af-mini.is-go{border-color:var(--green);color:var(--green-dark)}.af-mini:disabled{opacity:.5}.af-namebtn{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.af-namebtn b{color:var(--blue-dark);font-size:15px}.af-namebtn small{font-size:12px}.af-row-detail td{white-space:normal;background:var(--polar)}.af-detail{grid-template-columns:1fr 1fr;gap:18px;padding:6px 4px;display:grid}.af-detail-info p{overflow-wrap:anywhere;color:var(--text);margin-bottom:6px;font-size:14px}.af-detail-info small{color:var(--text-muted);font-size:12px;font-weight:900;display:block}.af-detail-edit{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.af-detail-edit .af-wide,.af-detail-edit .btn,.af-detail-edit .af-msg{grid-column:1/-1}.af-rate{flex-wrap:wrap;align-items:stretch;gap:18px;display:flex}.af-rate-field{flex:0 0 180px}.af-rate-input{align-items:center;gap:6px;display:flex}.af-rate-input .af-input{height:72px;font-family:var(--font-display);text-align:center;color:var(--brand-dark);font-size:44px;font-weight:400}.af-rate-input b{font-family:var(--font-display);color:var(--brand-dark);font-size:36px;font-weight:400}.af-rate-preview{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-width:240px;display:grid}.af-rate-preview div{background:var(--green-light);border-radius:16px;flex-direction:column;padding:12px 14px;display:flex}.af-rate-preview small{color:var(--green-dark);font-size:13px;font-weight:800}.af-rate-preview b{color:var(--green-dark);font-size:26px;font-weight:900}.af-rate-preview span{color:var(--green-dark);opacity:.85;font-size:13px}.af-rate-fields{flex-direction:column;flex:0 320px;gap:12px;display:flex}.af-rate-fields .af-field-row{grid-template-columns:1fr 1fr}.af-providers{flex-direction:column;gap:10px;display:flex}.af-provider{gap:10px}.af-provider.acct-google{--fg:var(--text)}.af-provider.acct-apple{--c:#000;--cd:#3a3a3a;--fg:#fff}.af-provider.acct-apple svg{margin-top:-3px}.af-or{color:var(--hare);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin:14px 0 12px;font-size:13px;font-weight:900;display:flex}.af-or:before,.af-or:after{content:"";background:var(--border);flex:1;height:2px}.af-payday{margin:6px 0;font-size:17px;line-height:1.5}.af-settings .btn{margin-top:14px}@media (width<=760px){.af-head{flex-wrap:wrap;gap:10px;padding:10px 16px}.af-tabs{order:3;width:100%}.af-tabs button{flex:1}.af-hero{text-align:center;grid-template-columns:1fr;padding-top:4px}.af-hero p{margin:0 auto}.af-hero-bruno{grid-row:1;max-width:200px}.af-steps,.af-examples,.af-grid-link,.af-field-row{grid-template-columns:1fr}.af-link-row{flex-direction:column;align-items:stretch}.af-copy{width:100%}.af-detail,.af-detail-edit{grid-template-columns:1fr}.af-rate-field,.af-rate-fields{flex:100%}.af-rate-preview{grid-template-columns:1fr}.af-table .hide-sm{display:none}.af-table th,.af-table td{padding:9px 6px}.af-creators td:first-child{white-space:normal}.af-namebtn{gap:2px}.af-namebtn small{overflow-wrap:anywhere}.af-table .show-sm{margin-top:4px;display:inline-block}.af-table small.show-sm{margin-top:2px;display:block}}