@layer properties,theme,base;@layer components{.calc{--t:var(--brand-ember);--fm:var(--font-mono), ui-monospace, monospace;--fd:var(--font-display), system-ui, sans-serif;--mut:hsl(var(--muted-foreground));--loss:var(--brand-red);--win:var(--success);position:relative}.calc-cap{font:700 11px/1.4 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--foreground) / .92);align-items:center;gap:9px;display:flex}.calc-cap:before{content:"";background:hsl(var(--t));width:14px;height:2px;box-shadow:0 0 8px hsl(var(--t)), 0 0 2px hsl(var(--t));border-radius:2px;flex:none}.calc-i{width:1.05em;height:1.05em;-webkit-mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.calc-i-arr,.calc-i-dn{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E")}.calc-i-dn{transform:rotate(90deg)}.calc-i-down{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3C/svg%3E")}.calc-i-up{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E")}.calc-i-copy{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E")}.calc-i-ok{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}@media (forced-colors:active){.calc-i{forced-color-adjust:none;background:canvastext}}.calc{padding-block:0 clamp(36px,4.5vw,64px)}.calc-head{max-width:56rem;margin-bottom:clamp(12px,1.6vw,16px)}.calc-head h2{font:700 clamp(1.3rem, 1.8vw, 1.45rem)/1.2 var(--fd);letter-spacing:-.015em;text-wrap:balance;margin-top:8px}.calc-sub{max-width:46rem;color:var(--mut);text-wrap:pretty;margin-top:5px;font-size:13.5px;line-height:1.55}.calc-grid{gap:12px;display:grid}.calc-box.lq-glass{border-radius:22px;padding:clamp(10px,1.4vw,16px);overflow:clip}@media (min-width:960px){.calc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.calc-plan{grid-column:1/-1}}.calc-in{align-content:start;gap:18px;padding:18px 18px 16px;display:grid}.calc-ctl{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top""range range""lo hi""help help";min-width:0;display:grid}.calc-ctl:before,.calc-ctl:after{font:500 11px/1.3 var(--fm);color:hsl(var(--foreground) / .6);margin-top:3px}.calc-ctl:before{content:attr(data-lo);content:attr(data-lo) / "";grid-area:lo}.calc-ctl:after{content:attr(data-hi);content:attr(data-hi) / "";text-align:right;grid-area:hi}.calc-ctl-top{grid-area:top;justify-content:space-between;align-items:center;gap:6px 12px;margin-bottom:2px;display:flex}.calc-lab{min-width:0;display:grid}.calc-lab>*{grid-area:1/1}.calc-ctl-top label{min-width:0;font-size:14px;font-weight:650;line-height:1.3}.calc-help-w{grid-area:help;margin-top:6px;display:grid}.calc-help-w>*{grid-area:1/1}.calc-adj{font:600 11.5px/1.5 var(--fm);letter-spacing:.02em;color:hsl(var(--t));opacity:0;align-self:start}.calc-ctl[data-adj] .calc-adj{opacity:1}.calc-ctl[data-adj] .calc-help{opacity:0}.calc-num{font:600 13px var(--fm);color:hsl(var(--foreground) / .62);flex:none;align-items:center;gap:6px;display:inline-flex;position:relative}.calc-num>span:first-child:has(+input){z-index:1;font:700 15px var(--fm);color:hsl(var(--t) / .85);pointer-events:none;position:absolute;left:.6rem}.calc-num:has(>span:first-child+input) input{padding-left:1.45rem}.calc-num input{width:var(--w,6ch);text-align:right;height:2.3rem;font:700 16px/1 var(--fm);font-variant-numeric:tabular-nums;color:hsl(var(--t));caret-color:hsl(var(--t));transition:box-shadow var(--dur-med) var(--ease-out);background:linear-gradient(#0a0505b8,#130b0b80);border:0;border-radius:11px;padding:0 .6rem;box-shadow:inset 0 1px 3px #0000008c,inset 0 0 0 1px #ffffff1a,0 1px #ffffff0a}.calc-num input:hover{box-shadow:inset 0 1px 3px #0000008c,inset 0 0 0 1px #ffffff2e}.calc-num input[aria-invalid=true]{box-shadow:inset 0 1px 3px #0000008c, inset 0 0 0 1px hsl(var(--t) / .75)}.calc-num input:focus-visible{box-shadow:inset 0 1px 3px #00000080, inset 0 0 0 1px hsl(var(--t) / .7), 0 0 0 3px hsl(var(--t) / .18), 0 10px 24px -14px hsl(var(--t) / .9);outline:2px solid #0000}.calc-num[data-k=pv] input{--w:calc(10ch + 1.2rem)}.calc-num[data-k=cpm] input{--w:calc(5ch + 1.2rem)}.calc-num[data-k=cpm]:has(>span:first-child+input) input{--w:calc(5ch + 2.05rem)}.calc-num[data-k=rate] input{--w:calc(4ch + 1.2rem)}.calc-range{appearance:none;cursor:pointer;--p:50%;background:0 0;grid-area:range;width:100%;height:30px;margin:0;display:block}.calc-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, hsl(var(--t) / .45), hsl(var(--t))) 0 0 / var(--p) 100% no-repeat, #ffffff17;border-radius:4px;height:8px;box-shadow:inset 0 1px 2px #00000080}.calc-range::-moz-range-track{background:linear-gradient(90deg, hsl(var(--t) / .45), hsl(var(--t))) 0 0 / var(--p) 100% no-repeat, #ffffff17;border-radius:4px;height:8px}.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;box-shadow:0 0 0 2px hsl(var(--t) / .7), 0 0 14px hsl(var(--t) / .9), 0 2px 6px #00000080;transition:transform .2s var(--ease-spring);background:radial-gradient(circle at 32% 26%,#fff,#ffe9b0 70%);border:0;border-radius:50%;margin-top:-8px}.calc-range::-moz-range-thumb{width:24px;height:24px;box-shadow:0 0 0 2px hsl(var(--t) / .7), 0 0 14px hsl(var(--t) / .9);background:radial-gradient(circle at 32% 26%,#fff,#ffe9b0 70%);border:0;border-radius:50%}.calc-range:hover::-webkit-slider-thumb{transform:scale(1.12)}.calc-range:active::-webkit-slider-thumb{transform:scale(1.12)}.calc-range:focus-visible{outline:2px solid hsl(var(--t) / .8);outline-offset:1px;border-radius:6px}.calc-help{color:var(--mut);text-wrap:pretty;font-size:13px;line-height:1.5}.calc-where.lq-btn{justify-self:start;gap:.5rem;height:auto;min-height:2.5rem;padding:.5rem .95rem;font-size:12.5px}.calc-where .calc-i{color:hsl(var(--t))}.calc-out{flex-direction:column;gap:12px;padding:18px 18px 16px;display:flex;container-type:inline-size}.calc-out>.calc-foot{margin-top:auto}.calc-rows{gap:10px;display:grid}.calc-row{color:hsl(var(--foreground) / .86);justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:14px;display:flex}.calc-row dt{min-width:0;line-height:1.4}.calc-row dt .calc-i{vertical-align:-.16em;margin-right:8px}.calc-row dt small{font:500 11px/1.4 var(--fm);letter-spacing:.04em;color:hsl(var(--foreground) / .6);margin-top:2px;display:block}.calc-row dd{text-align:right;min-width:8ch;font:700 21px/1.15 var(--fd);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}.calc-row-det dd{color:hsl(var(--foreground))}.calc-row-loss .calc-i,.calc-row-loss dd{color:hsl(var(--loss))}.calc-row-rec{border-top:1px solid hsl(var(--t) / .22);gap:4px;padding-top:12px;display:grid}.calc-row-rec .calc-i{color:hsl(var(--win))}.calc-row-rec dd{text-align:left;min-width:0;color:hsl(var(--win));text-shadow:0 0 28px hsl(var(--win) / .45);justify-self:start;font-size:clamp(2rem,9cqw,3rem);line-height:1}@container (min-width:600px){.calc-row-rec{align-items:center;display:flex}.calc-row-rec dd{font-size:3rem}}@container (max-width:279px){.calc-row:not(.calc-row-rec) dd{font-size:17px}}.calc-formula{border-left:2px solid hsl(var(--t) / .75);font:500 12px/1.65 var(--fm);color:hsl(var(--foreground) / .72);padding:8px 0 8px 12px}.calc-nw{white-space:nowrap}.calc-formula output{color:hsl(var(--foreground));white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.calc-est{color:var(--mut);text-wrap:pretty;font-size:12.5px;line-height:1.55}.calc-go.lq-btn{text-align:center;white-space:normal;border-radius:14px;justify-content:center;gap:.55rem;width:100%;height:auto;min-height:3rem;padding:.6rem 1.2rem;font-size:14.5px;font-weight:700;line-height:1.3}.calc-go-l{text-wrap:balance}.calc-go .calc-i{transition:transform .38s var(--ease-spring)}.calc-go:hover .calc-i{transform:translate(3px)}.calc-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;display:flex}.calc-foot-l{flex:16rem;min-width:0;display:grid}.calc-foot-l>*{grid-area:1/1;min-width:0}.calc-micro{font:600 11px/1.6 var(--fm);letter-spacing:.03em;color:hsl(var(--foreground) / .72);text-wrap:pretty}.calc-micro[data-off]{opacity:0}.calc-copied{text-overflow:ellipsis;white-space:nowrap;font:600 11px/1.6 var(--fm);color:hsl(var(--foreground));align-self:center;overflow:hidden}.calc-copy.lq-btn{cursor:pointer;flex:none;gap:.5rem;height:2.25rem;padding:0 .85rem;font-size:12.5px}.calc-copy .calc-i{color:hsl(var(--t))}.calc-copy-l{display:inline-block;position:relative}.calc-copy-l:before,.calc-copy-l:after{content:attr(data-done);content:attr(data-done) / ""}.calc-copy-l:before{visibility:hidden;height:0;display:block;overflow:hidden}.calc-copy-l:after{opacity:0;position:absolute;top:0;left:0}.calc-copy[data-done] .calc-copy-l{color:#0000}.calc-copy[data-done] .calc-copy-l:after{opacity:1;color:hsl(var(--foreground))}.calc-copy[data-done]{color:hsl(var(--foreground));box-shadow:inset 0 1px 0 #ffffff38, inset 0 0 0 1px hsl(var(--t) / .55)}.calc-manual{font:600 11.5px/1.5 var(--fm);color:hsl(var(--t));flex-basis:100%;gap:6px;display:grid}.calc-manual textarea{resize:none;width:100%;font:500 12px/1.5 var(--fm);color:hsl(var(--foreground));box-shadow:inset 0 0 0 1px hsl(var(--t) / .55);background:#0a0505bf;border:0;border-radius:10px;padding:8px 10px}.calc-hint{font:600 11.5px/1.4 var(--fm);color:hsl(var(--t))}.calc-plan{gap:12px;padding:18px 18px 16px;display:grid;container-type:inline-size}.calc-rail{height:22px;position:relative;container-type:inline-size}.calc-rail-track{background:repeating-linear-gradient(90deg, hsl(var(--foreground) / .12) 0 calc(100% / var(--n,4) - 3px), transparent 0 calc(100% / var(--n,4)));height:6px;position:absolute;top:8px;left:0;right:0}.calc-rail-track:before{content:"";width:calc(100% / var(--n,4) - 3px);background:linear-gradient(90deg, hsl(var(--t) / .45), hsl(var(--t)));height:100%;box-shadow:0 0 12px hsl(var(--t) / .8);transform:translateX(calc(var(--on,0) * (100% + 3px)));transition:transform .5s var(--ease-spring);border-radius:3px;position:absolute;top:0;left:0}.calc-rail-pin{width:14px;height:20px;transform:translateX(calc(var(--x,0) * 1cqw));transition:transform .65s var(--ease-spring);position:absolute;top:1px;left:-7px}.calc-rail-pin:before{content:"";background:hsl(var(--foreground));width:2px;height:20px;box-shadow:0 0 8px hsl(var(--t));border-radius:2px;position:absolute;top:0;left:6px}.calc-rail-pin:after{content:"";background:hsl(var(--t));width:10px;height:10px;box-shadow:0 0 0 3px hsl(var(--t) / .22), 0 0 12px hsl(var(--t));border-radius:50%;position:absolute;top:6px;left:2px}.calc-rail-plans{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:3px;display:grid}.calc-rail-plans li{align-content:start;justify-items:start;gap:6px;min-width:0;display:grid}.calc-rail-plans small{font:500 11px/1.35 var(--fm);color:hsl(var(--foreground) / .62);overflow-wrap:anywhere}.calc-rail-plans li.is-on small{color:hsl(var(--foreground) / .92)}.calc-rail-plans li.is-on:after{content:"";background:hsl(var(--t));width:26px;height:2px;box-shadow:0 0 8px hsl(var(--t));border-radius:2px}.calc-plan-line{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.calc-plan-line p{color:hsl(var(--foreground) / .9);text-wrap:pretty;flex:26rem;font-size:14.5px;line-height:1.55}.calc-pricing.lq-btn{flex:none;gap:.5rem;height:auto;min-height:2.5rem;padding:.5rem .95rem;font-size:12.5px}.calc-pricing .calc-i{color:hsl(var(--t));transition:transform .38s var(--ease-spring)}.calc-pricing:hover .calc-i{transform:translate(3px)}.calc-strip-w{display:none}@media (max-width:959px){.calc-strip-w{z-index:3;height:0;margin-top:-18px;display:block;position:sticky;bottom:10px}.calc-strip{white-space:nowrap;font:600 12.5px/1.2 var(--fd);color:hsl(var(--foreground) / .86);box-shadow:inset 0 1px 0 hsl(var(--t) / .55), inset 0 0 0 1px #ffffff14, 0 12px 26px -12px #080202;background:linear-gradient(#1d1111f7,#110909f7);border-radius:12px;padding:10px 14px;transition:opacity .2s,visibility .2s;position:absolute;bottom:0;left:-6px;right:-6px;overflow:hidden}.calc-strip b{font:700 13px/1.2 var(--fm);font-variant-numeric:tabular-nums}.calc-strip b:first-of-type{color:hsl(var(--loss))}.calc-strip b:last-of-type{color:hsl(var(--win))}.calc-strip[data-off]{opacity:0;visibility:hidden}}@media (max-width:639px){.calc-strip{padding:9px 12px;font-size:12px}.calc-strip b{font-size:12px}}@media (max-width:399px){.calc-strip{padding-inline:9px;font-size:11px;left:-18px;right:-18px}.calc-strip b{font-size:11px}}@media (max-width:520px){.calc:not(.calc-embed) .calc-formula>.calc-nw{display:block}}.calc-embed{padding-block:0}.calc-embed .calc-head{margin-bottom:10px}.calc-embed .calc-head>.calc-cap,.calc-embed .calc-in>.calc-cap,.calc-embed .calc-out>.calc-cap,.calc-embed .calc-ctl:before,.calc-embed .calc-ctl:after,.calc-embed .calc-help-w{display:none}.calc-embed .calc-ctl[data-adj] .calc-lab label{opacity:0}.calc-embed .calc-adj{align-self:center;font-size:11px}.calc-embed .calc-head h2{margin-top:0;font-size:clamp(1.05rem,4.2vw,1.3rem)}.calc-embed .calc-grid{gap:8px}.calc-embed .calc-in{gap:6px;padding:12px 14px 10px}.calc-embed .calc-num input{height:2rem}.calc-embed .calc-range{height:26px}.calc-embed .calc-out{gap:8px;padding:12px 14px}.calc-embed .calc-rows{gap:5px}.calc-embed .calc-row dd{font-size:19px}.calc-embed .calc-row-rec{padding-top:7px}.calc-embed .calc-row-rec dd{font-size:clamp(1.7rem,8cqw,2.3rem)}@container (min-width:440px){.calc-embed .calc-row-rec{align-items:center;display:flex}.calc-embed .calc-row-rec dd{font-size:2.3rem}}.calc-embed .calc-formula{padding-block:2px;font-size:11.5px;line-height:1.5}.calc-embed .calc-est{font-size:12px;line-height:1.45}.calc-embed .calc-go.lq-btn{min-height:2.6rem;padding:.45rem 1rem;font-size:13.5px}@media (max-width:420px){.calc-embed .calc-grid{gap:6px}.calc-embed .calc-in{gap:4px;padding:8px 12px 6px}.calc-embed .calc-out{gap:6px;padding:8px 12px}.calc-embed .calc-rows{gap:4px}.calc-embed .calc-num input{height:1.85rem}.calc-embed .calc-range{height:24px}.calc-embed .calc-formula{padding-block:0}.calc-embed .calc-go.lq-btn{min-height:2.35rem;padding-block:.35rem}}:root:has(.calc-embed){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.calc-embed-main{flex-direction:column;display:flex}.calc-embed-main>[data-panel]{flex-direction:column;flex:1;display:flex}.calc-credit{text-align:center;margin-top:auto;padding-top:10px;font-size:12px;line-height:1.4}.calc-credit a{color:hsl(var(--primary));text-underline-offset:3px;font-weight:600}.calc-credit a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.calc *,.calc :before,.calc :after{transition:none!important;animation:none!important}}}@layer utilities{.calc .plan-badge-inner{font-size:11px}@container (max-width:520px){.calc-rail-plans .plan-badge-inner{letter-spacing:.04em;padding:3px 6px}}}
