.percentage-tool{border:1px solid color-mix(in srgb, var(--ink-200) 72%, transparent);background:radial-gradient(circle at 13% 22%, #f1d28c85, transparent 18rem), radial-gradient(circle at 82% 76%, #f3a5ba5c, transparent 20rem), color-mix(in srgb, var(--ps-surface) 92%, white 8%);box-shadow:var(--ps-raised);border-radius:1.35rem;padding:clamp(.95rem,2vw,1.32rem);position:relative;overflow:hidden}.percentage-tool__header{text-align:center}.percentage-tool__eyebrow{color:var(--ink-500);letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:900}.percentage-tool__header h2{color:var(--ink-950);font-family:var(--font-serif);margin-top:.38rem;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.04}.percentage-tool__header p:not(.percentage-tool__eyebrow){max-width:34rem;color:var(--ink-650);margin:.42rem auto 0;font-size:.95rem;line-height:1.45}.percentage-tool__modes{flex-wrap:wrap;justify-content:center;gap:.48rem;max-width:48rem;margin:.86rem auto 0;display:flex}.percentage-tool__modes button{border:1px solid color-mix(in srgb, var(--ink-300) 44%, transparent);min-height:2.35rem;box-shadow:var(--ps-raised-sm);color:var(--ink-700);cursor:pointer;text-align:center;background:#ffffff94;border-radius:999px;padding:.45rem .82rem;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.percentage-tool__modes button:hover,.percentage-tool__modes button:focus-visible{border-color:color-mix(in srgb, var(--accent-teal) 58%, transparent);box-shadow:var(--ps-inset-sm);background:#ffffff70;transform:translateY(1px)}.percentage-tool__modes button.is-active{box-shadow:var(--ps-inset-sm), 0 .55rem 1.1rem color-mix(in srgb, var(--accent-teal) 20%, transparent);color:#fff;background:linear-gradient(135deg,#35a879,#3f999a);border-color:#0000;transform:translateY(1px)}.percentage-tool__modes span,.percentage-tool__modes small{display:block}.percentage-tool__modes span{font-size:.9rem;font-weight:900;line-height:1.05}.percentage-tool__modes small{display:none}.percentage-tool__workspace{grid-template-columns:max-content auto minmax(12rem,16rem);justify-content:center;align-items:center;gap:.72rem;max-width:58rem;margin:2.45rem auto 0;display:grid}.percentage-tool__result,.percentage-tool__working{background:color-mix(in srgb, var(--ps-surface) 70%, white 30%);box-shadow:var(--ps-inset-sm);backdrop-filter:blur(18px);border:1px solid #ffffff85;border-radius:1rem}.percentage-tool__answer{position:relative}.percentage-tool__answer-heading{color:var(--ink-500);letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:900;position:absolute;bottom:calc(100% + .32rem);left:0}.percentage-tool__inputs{grid-template-columns:minmax(7.25rem,9.25rem) auto minmax(7.25rem,9.25rem);align-items:center;gap:.62rem;min-height:10.5rem;display:grid}.percentage-tool__inputs label{min-width:0;position:relative}.percentage-tool label span{color:var(--ink-500);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:900;position:absolute;bottom:calc(100% + .32rem);left:0}.percentage-tool__input-shell{border:1px solid color-mix(in srgb, var(--ink-200) 70%, transparent);min-height:4rem;box-shadow:var(--ps-inset);background:#ffffffa3;border-radius:.86rem;align-items:center;gap:.5rem;padding:0;display:flex;position:relative}.percentage-tool__input-shell input{width:100%;min-height:inherit;color:var(--ink-950);text-align:center;background:0 0;border:0;outline:none;padding:0 .82rem;font-size:1.62rem;font-weight:900}.percentage-tool__input-shell:has(b) input{padding-inline:2.25rem}.percentage-tool__input-shell b{color:var(--ink-500);font-size:1.3rem;position:absolute;right:.82rem}.percentage-tool__operator,.percentage-tool__equals{color:var(--ink-700);font-family:var(--font-serif);justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.percentage-tool__operator{min-height:3.05rem;padding-bottom:.08rem;font-size:1.45rem}.percentage-tool__equals{align-self:stretch;min-height:10.5rem;font-size:1.75rem}.percentage-tool__result{text-align:center;align-content:center;min-height:11.5rem;padding:1rem;display:grid}.percentage-tool__result-label{color:var(--accent-teal);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:900}.percentage-tool__result strong{color:#244fc7;font-family:var(--font-serif);margin-top:.18rem;font-size:clamp(2.9rem,5.8vw,4.8rem);line-height:.92;display:block}.percentage-tool__result strong.percentage-tool__result-value--medium{font-size:clamp(2.65rem,5vw,4.05rem)}.percentage-tool__result strong.percentage-tool__result-value--long{letter-spacing:0;font-size:clamp(2.15rem,3.7vw,2.9rem)}.percentage-tool__result p:not(.percentage-tool__result-label){color:var(--ink-700);margin-top:.45rem;font-size:1rem;font-weight:800;line-height:1.35}.percentage-tool__result dl{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:.45rem;margin-top:.72rem;display:grid}.percentage-tool__result dl div:only-child{grid-column:1/-1;justify-self:center;min-width:9rem}.percentage-tool__result dl div{background:color-mix(in srgb, var(--accent-blue) 8%, white);border-radius:.75rem;min-width:0;padding:.5rem .6rem}.percentage-tool__result dt{color:var(--ink-500);white-space:nowrap;font-size:.68rem;font-weight:900}.percentage-tool__result dd{color:var(--ink-900);overflow-wrap:anywhere;font-size:clamp(.92rem,1.4vw,1.08rem);font-weight:900}.percentage-tool__working{grid-template-columns:max-content minmax(13rem,18rem);justify-content:center;align-items:center;gap:1rem;width:fit-content;max-width:100%;margin:.68rem auto 0;padding:.78rem 1rem;display:grid}.percentage-tool__working code{border:1px solid color-mix(in srgb, var(--ink-200) 70%, transparent);box-shadow:var(--ps-inset-sm);color:var(--ink-900);white-space:normal;background:linear-gradient(135deg,#ffffffb8,#f4eff8d1);border-radius:.75rem;margin-top:.36rem;padding:.62rem .72rem;font-size:.95rem;font-weight:900;display:inline-block}.percentage-tool__formula-token--word{color:#315a8f}.percentage-tool__formula-token--number{color:#0e8a6d}.percentage-tool__formula-token--operator{color:#b34a76}.percentage-tool__working ol{color:var(--ink-650);margin:0;padding-left:1rem;font-size:.92rem;font-weight:800;line-height:1.4}[data-theme=dark] .percentage-tool{background:radial-gradient(circle at 13% 22%,#b98b4a47,#0000 18rem),radial-gradient(circle at 82% 76%,#c15b8242,#0000 20rem),#2a2234;border-color:#ffffff29}[data-theme=dark] .percentage-tool__eyebrow,[data-theme=dark] .percentage-tool label span,[data-theme=dark] .percentage-tool__answer-heading{color:#f5eef8db}[data-theme=dark] .percentage-tool__header h2{color:#fff9fc}[data-theme=dark] .percentage-tool__header p:not(.percentage-tool__eyebrow),[data-theme=dark] .percentage-tool__working ol,[data-theme=dark] .percentage-tool__result p:not(.percentage-tool__result-label){color:#e5dce9d6}[data-theme=dark] .percentage-tool__modes button{color:#f8f4fa;background:#ffffff24;border-color:#ffffff24;box-shadow:-.28rem -.28rem .78rem #ffffff0f,.42rem .46rem .9rem #00000057}[data-theme=dark] .percentage-tool__modes button:hover,[data-theme=dark] .percentage-tool__modes button:focus-visible{background:#ffffff17;box-shadow:inset .22rem .22rem .55rem #00000059,inset -.18rem -.18rem .45rem #ffffff0f}[data-theme=dark] .percentage-tool__modes button.is-active{color:#fff;background:linear-gradient(135deg,#35a879,#3f999a)}[data-theme=dark] .percentage-tool__input-shell,[data-theme=dark] .percentage-tool__working code{background:color-mix(in srgb, var(--ps-surface) 92%, white 8%);border-color:#ffffff21;box-shadow:inset .32rem .32rem .85rem #0000005c,inset -.22rem -.22rem .62rem #ffffff14}[data-theme=dark] .percentage-tool__input-shell input,[data-theme=dark] .percentage-tool__input-shell b,[data-theme=dark] .percentage-tool__operator,[data-theme=dark] .percentage-tool__equals,[data-theme=dark] .percentage-tool__working code{color:#fff9fc}[data-theme=dark] .percentage-tool__result,[data-theme=dark] .percentage-tool__working{background:color-mix(in srgb, var(--ps-surface) 94%, white 6%);border-color:#ffffff29;box-shadow:inset .24rem .24rem .74rem #00000057,inset -.2rem -.2rem .62rem #ffffff12}[data-theme=dark] .percentage-tool__result dl div{box-shadow:none;background:0 0;border:0}[data-theme=dark] .percentage-tool__result dt{color:#e5dce9d1}[data-theme=dark] .percentage-tool__result dd{color:#fff9fc}[data-theme=dark] .percentage-tool__formula-token--word{color:#8ab4ff}[data-theme=dark] .percentage-tool__formula-token--number{color:#4bd4aa}[data-theme=dark] .percentage-tool__formula-token--operator{color:#ff8dbc}@media (width<=860px){.percentage-tool__workspace,.percentage-tool__working{grid-template-columns:1fr}.percentage-tool__workspace,.percentage-tool__inputs,.percentage-tool__answer,.percentage-tool__result,.percentage-tool__working{width:min(100%,40rem)}.percentage-tool__workspace{justify-items:center;margin-top:2.45rem}.percentage-tool__result{min-height:0}.percentage-tool__inputs{grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr);gap:.86rem;min-height:0}.percentage-tool__equals{min-height:1.1rem}.percentage-tool__working{text-align:center;justify-items:center}.percentage-tool__working ol{text-align:center;width:fit-content;padding-left:0;list-style-position:inside}}@media (width<=640px){.percentage-tool__modes{justify-content:flex-start;margin-bottom:1rem}.percentage-tool__workspace{margin-top:.86rem}.percentage-tool__workspace,.percentage-tool__inputs,.percentage-tool__answer,.percentage-tool__result,.percentage-tool__working{width:min(100%,32rem)}.percentage-tool__modes button{flex:calc(50% - .5rem);padding-inline:.62rem}.percentage-tool__inputs{grid-template-columns:1fr;gap:.28rem;padding-top:1.35rem}.percentage-tool__inputs label{position:relative}.percentage-tool label span{margin-bottom:0;position:absolute;bottom:calc(100% + .32rem);left:0}.percentage-tool__operator{min-height:2.3rem;padding-bottom:0;font-size:1.1rem}}