.tools-welcome{max-width:var(--max-width);margin:0 auto;padding:140px var(--gutter) 40px;text-align:center}.tools-welcome>*{animation:riseIn .82s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 80ms + 60ms)}.tools-welcome .back-btn{margin-bottom:30px}.tools-welcome h1{max-width:920px;margin:14px auto 22px;font-size:clamp(3rem,7vw,6.4rem);font-weight:600;line-height:.96;letter-spacing:-.055em;text-wrap:balance}.tools-welcome p{max-width:560px;margin:0 auto;color:var(--text-secondary);font-size:1.0625rem;line-height:1.7}.tools-grid{--gap: 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);max-width:1160px;margin:8px auto 0}.tool-card{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - 2 * var(--gap)) / 3);min-width:0;min-height:250px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xl);background:var(--surface);color:inherit;box-shadow:var(--bevel),var(--shadow-sm);cursor:pointer;transition:transform .24s var(--ease-out),border-color .24s ease,box-shadow .24s ease;animation:cardIn .7s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms + .28s)}.tool-card:hover{border-color:#ffffff1f;box-shadow:var(--bevel),var(--shadow-md);transform:translateY(-2px)}.tool-card:active{transform:translateY(0) scale(.995)}@keyframes cardIn{0%{opacity:0;translate:0 16px;filter:blur(6px)}}.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:auto;padding-bottom:32px}.tool-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md);background:linear-gradient(180deg,#8b5cf633,#8b5cf60f);color:var(--purple-200);font-size:22px;box-shadow:var(--bevel);transition:transform .32s var(--ease-spring)}.tool-card:hover .tool-icon{transform:rotate(-5deg) scale(1.05)}.tool-card h3{padding-right:32px;font-size:1.1875rem;font-weight:600;line-height:1.3;letter-spacing:-.022em}.tool-card p{max-width:420px;margin-top:6px;padding-right:32px;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.tool-card>.arrow-swap{position:absolute;right:22px;bottom:24px;color:var(--text-faint);font-size:18px;transition:color .18s ease}.tool-card:hover>.arrow-swap{color:var(--text-primary)}.tool-page{padding-top:calc(var(--nav-height) + 44px)}.tool-page>.back-btn{display:flex;width:fit-content;margin-inline:auto}.tool-page-header{padding:4px 0 34px;text-align:center}.tool-page-header h1{margin-bottom:12px;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:600;line-height:1;letter-spacing:-.05em;text-wrap:balance;animation:riseIn .82s var(--ease-out) both}.tool-page-header p{max-width:580px;margin:0 auto;color:var(--text-secondary);font-size:1rem;line-height:1.6;animation:riseIn .82s var(--ease-out) 90ms both}.calculator-container{max-width:720px;margin:0 auto 24px;padding:clamp(20px,4vw,30px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--bevel),var(--shadow-lg);animation:riseIn .82s var(--ease-out) .16s both}.calculator-container+.calculator-container{animation-delay:.24s}.input-group{margin-bottom:18px}.input-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:.875rem;font-weight:550}.input-with-icon{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:var(--surface-inset);box-shadow:inset 0 1px 2px #00000059;transition:border-color .16s ease,box-shadow .16s ease}.input-with-icon:hover{border-color:#ffffff29}.input-with-icon:focus-within{border-color:var(--purple-400);box-shadow:inset 0 1px 2px #00000059,var(--ring)}.input-with-icon>span{color:var(--text-muted);font-weight:600}.input-icon{width:20px;height:20px;filter:brightness(0) invert(1);opacity:.55}.input-with-icon input,.input-with-icon select{flex:1;min-width:0;height:48px;border:0;outline:0;background:none;color:var(--text-primary);font-size:1rem;font-variant-numeric:tabular-nums}.input-with-icon select{padding-right:24px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23aaa4b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5'/%3E%3C/svg%3E") right center / 16px no-repeat;cursor:pointer}.input-with-icon select option{background:var(--bg-surface);color:var(--text-primary)}.input-with-icon input::placeholder{color:var(--text-faint)}.calculator-container input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.calculator-container input[type=number]::-webkit-inner-spin-button,.calculator-container input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.tax-tier-control{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);background:var(--surface-inset)}.tax-tier-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tax-tier-heading label{margin:0}.tax-tier-heading output{padding:3px 10px;border-radius:var(--radius-full);background:#8b5cf629;color:var(--purple-200);font-size:.75rem;font-weight:600;text-align:right;box-shadow:inset 0 0 0 1px #c4b5fd29}.tax-tier-control input[type=range]{--slider-progress: 0%;width:100%;height:28px;margin:4px 0;background:transparent;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.tax-tier-control input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:linear-gradient(90deg,var(--purple-500) var(--slider-progress),rgba(255,255,255,.05) var(--slider-progress))}.tax-tier-control input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px;border:0;border-radius:50%;background:#f4f1fa;box-shadow:0 0 0 4px #8b5cf64d,0 4px 12px #00000080;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:transform .18s var(--ease-spring),box-shadow .18s ease}.tax-tier-control input[type=range]::-moz-range-track{height:6px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:#ffffff0d}.tax-tier-control input[type=range]::-moz-range-progress{height:6px;border-radius:var(--radius-full);background:var(--purple-500)}.tax-tier-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#f4f1fa;box-shadow:0 0 0 4px #8b5cf64d,0 4px 12px #00000080}.tax-tier-control input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.06)}.tax-tier-control input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 7px #8b5cf64d,0 4px 14px #00000080}.tax-tier-control input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #c4b5fd8c,0 4px 12px #00000080}.tax-tier-control input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #c4b5fd8c,0 4px 12px #00000080}.tax-tier-scale{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:.6875rem}.tax-tier-scale span:nth-child(2){text-align:center}.tax-tier-scale span:last-child{text-align:right}.tax-tier-description{margin:12px 0 0!important;color:var(--text-muted);font-size:.78rem!important}.result-container{margin-bottom:12px;padding:16px 20px 18px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);background:var(--surface-inset);text-align:left}.result-container p{margin-bottom:6px;color:var(--text-secondary);font-size:.8125rem}.result-value{display:block;color:var(--purple-200);font-size:1.875rem;font-weight:600;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.result-value-sm{font-size:1.375rem}.result-with-icon{display:flex;align-items:center;gap:10px}.result-icon{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.6}.result-secondary{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line-dashed)}.result-usd-estimate,.result-formula{margin-top:8px!important;margin-bottom:0!important;color:var(--text-muted)!important;font-family:var(--font-mono);font-size:.75rem!important;font-variant-numeric:tabular-nums}.devex-rate-note{margin-top:10px;color:var(--text-muted);font-size:.8125rem;line-height:1.6;text-align:center}.devex-rate-note a{color:var(--purple-300);text-decoration:underline;text-decoration-color:#c4b5fd59;text-underline-offset:3px}.devex-rate-note a:hover{text-decoration-color:currentColor}.calculator-settings{margin-top:14px;padding:12px 16px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);background:var(--surface-inset)}.calculator-settings summary{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.875rem;font-weight:550;list-style:none;cursor:pointer}.calculator-settings summary::-webkit-details-marker{display:none}.calculator-settings summary:before{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .3s var(--ease-spring)}.calculator-settings[open] summary:before{transform:rotate(45deg)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.settings-grid label,.calculator-settings p{color:var(--text-muted);font-size:.78rem}.settings-grid input{width:100%;height:38px;margin-top:6px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-primary);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.settings-grid input:focus{border-color:var(--purple-400);box-shadow:var(--ring)}.calculator-settings p{margin-top:10px}.people-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.people-list:empty{display:none}.person-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);background:var(--surface-inset);animation:personIn .28s var(--ease-out)}.person-row.removing{animation:personOut .18s ease forwards}@keyframes personIn{0%{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(4px)}}@keyframes personOut{to{opacity:0;transform:translateY(6px) scale(.98);filter:blur(4px)}}.person-row label{min-width:80px;color:var(--text-primary);font-size:.875rem;font-weight:550}.person-row input{width:72px;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-primary);font-size:.9375rem;font-variant-numeric:tabular-nums;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.person-row input:focus{border-color:var(--purple-400);box-shadow:var(--ring)}.percent-symbol{color:var(--text-muted);font-size:.875rem;font-weight:600}.amount-container{display:flex;align-items:center;gap:6px;margin-left:auto}.amount-icon{width:16px;height:16px;filter:brightness(0) invert(1);opacity:.6}.amount-display{color:var(--purple-200);font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums}.payout-buttons{display:flex;gap:10px;margin-bottom:12px}.payout-btn{flex:1;height:42px;padding:0 16px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;transition:transform .16s var(--ease-out),background-color .16s ease,border-color .16s ease,color .16s ease}.payout-btn:active{transform:scale(.97)}.add-btn{background:var(--purple-400);color:var(--on-accent);box-shadow:var(--accent-shadow)}.add-btn:hover{background:var(--purple-300)}.remove-btn{border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-secondary);box-shadow:var(--bevel)}.remove-btn:hover{border-color:#f8717180;color:#fca5a5}.is-shaking{animation:shake .44s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.payout-hint{min-height:1.4em;margin-bottom:10px;color:#fca5a5;font-size:.8125rem}.payout-hint:empty{min-height:0;margin:0}.payout-hint:not(:empty){animation:textSwap .32s var(--ease-out)}.payout-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 16px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);background:var(--surface-inset);color:var(--text-secondary);font-size:.8125rem;font-weight:550;font-variant-numeric:tabular-nums}@media(max-width:900px){.tool-card{flex-basis:calc((100% - var(--gap)) / 2)}}@media(max-width:768px){.person-row{flex-wrap:wrap;gap:8px}.amount-container{margin-left:0}.payout-status{flex-direction:column;gap:4px}.settings-grid{grid-template-columns:1fr}}@media(max-width:640px){.tools-welcome{padding-top:118px}.tools-welcome h1{font-size:clamp(2.8rem,14vw,4.3rem)}.tool-card{flex-basis:100%;min-height:210px}}