.pu-ppp{--pp-bg:#f3f6f5;--pp-surface:#ffffff;--pp-ink:#0e1b2a;--pp-mute:#56657a;--pp-rule:#dde4e8;--pp-accent:#0b7a5e;--pp-accent-ink:#075e48;--pp-on-accent:#ffffff;--pp-soft:#e5f1ec;--pp-cheap:#0b7a5e;--pp-dear:#b45309;--pp-panel:#0e1b2a;--pp-panel-fg:#eef3f7;--pp-panel-mute:#9fb0c2;--pp-panel-rule:rgba(255,255,255,0.1);--pp-panel-cheap:#6ee2bd;--pp-panel-dear:#f7b267;--pp-font:var(--font-display),"Manrope",system-ui,sans-serif;background:var(--pp-bg);color:var(--pp-ink);font-family:var(--pp-font);min-height:100vh}.dark .pu-ppp{--pp-bg:#0a1117;--pp-surface:#111b24;--pp-ink:#e7eef3;--pp-mute:#93a4b5;--pp-rule:#1f2c37;--pp-accent:#3ccb9f;--pp-accent-ink:#6ee2bd;--pp-on-accent:#04130d;--pp-soft:rgba(60,203,159,0.1);--pp-cheap:#3ccb9f;--pp-dear:#f2a650;--pp-panel:#14222e}.pu-ppp button,.pu-ppp input{font-family:inherit}.pu-ppp :focus-visible{outline:2px solid var(--pp-accent);outline-offset:2px}.pu-ppp .is-cheap{color:var(--pp-cheap)}.pu-ppp .is-dear{color:var(--pp-dear)}.pp-wrap{max-width:76rem;margin:0 auto;padding-inline:16px}@media (min-width:768px){.pp-wrap{padding-inline:2rem}}.pp-label{display:block;font-size:.8rem;font-weight:700;color:var(--pp-ink);margin-bottom:.4rem}.pp-field{display:flex;flex-direction:column}.pp-amount{display:flex;align-items:center;gap:.6rem;height:3.4rem;padding-inline:.9rem;border:1px solid var(--pp-rule);border-radius:.75rem;background:var(--pp-bg);transition:border-color .15s,box-shadow .15s}.pp-amount:focus-within{border-color:var(--pp-accent);box-shadow:0 0 0 3px var(--pp-soft);background:var(--pp-surface)}.pp-amount-cur{font-size:.85rem;font-weight:800;color:var(--pp-mute)}.pp-amount input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--pp-ink);font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.pp-amount input::-webkit-inner-spin-button,.pp-amount input::-webkit-outer-spin-button{appearance:none;margin:0}.pu-ppp .pp-amount input:focus-visible{outline:none}.pp-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.pp-chip{padding:.35rem .7rem;border-radius:999px;border:1px solid var(--pp-rule);background:var(--pp-surface);color:var(--pp-mute);font-size:.78rem;font-weight:700;cursor:pointer}.pp-chip:hover{color:var(--pp-ink)}.pp-chip.is-on{background:var(--pp-soft);border-color:var(--pp-accent);color:var(--pp-accent-ink)}.pp-pick{position:relative}.pp-pick-btn{width:100%;height:3.2rem;display:flex;align-items:center;gap:.65rem;padding-inline:.75rem;border-radius:.75rem;border:1px solid var(--pp-rule);background:var(--pp-bg);color:var(--pp-ink);text-align:left;cursor:pointer}.pp-pick-btn:hover{border-color:var(--pp-accent)}.pp-pick-code{flex-shrink:0;width:2rem;padding:.2rem 0;border-radius:.4rem;background:var(--pp-ink);color:var(--pp-bg);font-size:.68rem;font-weight:800;text-align:center;letter-spacing:.04em}.pp-pick-name{flex:1;min-width:0;font-size:.98rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-pick-cur{font-size:.78rem;font-weight:700;color:var(--pp-mute)}.pp-pick-chev{width:16px;height:16px;color:var(--pp-mute);flex-shrink:0;transition:transform .2s}.pp-pick-btn[aria-expanded=true] .pp-pick-chev{transform:rotate(180deg)}.pp-pick-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;display:flex;flex-direction:column;max-height:22rem;background:var(--pp-surface);border:1px solid var(--pp-rule);border-radius:.8rem;box-shadow:0 22px 50px -18px rgba(14,27,42,.45);overflow:hidden}.pp-pick-search{display:flex;align-items:center;gap:.5rem;padding:0 .8rem;border-bottom:1px solid var(--pp-rule)}.pp-pick-search svg{width:15px;height:15px;color:var(--pp-mute);flex-shrink:0}.pp-pick-search input{flex:1;min-width:0;height:2.8rem;border:0;outline:0;background:transparent;color:var(--pp-ink);font-size:.92rem;font-weight:600}.pu-ppp .pp-pick-search input:focus-visible{outline:none}.pp-pick-list{overflow-y:auto;padding:.3rem .35rem .45rem}.pp-pick-gh{margin:0;padding:.6rem .55rem .25rem;font-size:.72rem;font-weight:700;color:var(--pp-mute)}.pp-pick-opt{width:100%;display:flex;align-items:center;gap:.6rem;padding:.5rem .55rem;border:0;border-radius:.5rem;background:transparent;color:var(--pp-ink);text-align:left;cursor:pointer}.pp-pick-opt .pp-pick-name{font-size:.9rem;font-weight:700}.pp-pick-opt.is-hl{background:var(--pp-soft)}.pp-pick-opt.is-sel .pp-pick-name{color:var(--pp-accent-ink)}.pp-pick-check{width:15px;height:15px;color:var(--pp-accent)}.pp-pick-empty{margin:0;padding:1rem .6rem;font-size:.85rem;color:var(--pp-mute)}.pp-swap{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;align-self:center;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--pp-rule);background:var(--pp-surface);color:var(--pp-mute);font-size:.8rem;font-weight:700;cursor:pointer}.pp-swap svg{width:15px;height:15px}.pp-swap:hover{color:var(--pp-accent-ink);border-color:var(--pp-accent)}.pp-swap.is-icon{width:2.4rem;height:2.4rem;padding:0}.pp-cta{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border-radius:.75rem;background:var(--pp-accent);color:var(--pp-on-accent);font-weight:800;font-size:.98rem;text-decoration:none;transition:filter .15s,transform .15s}.pp-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.pp-cta-line{display:inline-flex;align-items:center;padding:.9rem 1.3rem;border-radius:.75rem;border:1px solid var(--pp-rule);color:var(--pp-ink);font-weight:700;font-size:.95rem;text-decoration:none}.pp-cta-line:hover{border-color:var(--pp-ink)}.pp-empty{margin:0;font-size:.92rem;color:var(--pp-mute)}.pp-ruler{position:relative;display:block;height:.7rem;min-width:6rem}.pp-ruler-track{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--pp-rule);border-radius:2px}.pp-ruler-bar{position:absolute;top:0;bottom:0;border-radius:3px}.pp-ruler-bar.is-cheap{background:var(--pp-cheap)}.pp-ruler-bar.is-dear{background:var(--pp-dear)}.pp-ruler-home{position:absolute;top:-.25rem;bottom:-.25rem;width:2px;margin-left:-1px;background:var(--pp-ink);border-radius:1px}.pp-hero{padding:8.5rem 0 4.5rem;border-bottom:1px solid var(--pp-rule)}@media (min-width:1024px){.pp-hero{padding:9.5rem 0 5.5rem}}.pp-hero-grid{display:grid;gap:3rem;align-items:start}@media (min-width:1024px){.pp-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4rem}}.pp-badge{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1.4rem;padding:.35rem .8rem;border-radius:999px;background:var(--pp-soft);color:var(--pp-accent-ink);font-size:.82rem;font-weight:800}.pp-badge svg{width:15px;height:15px}.pp-h1{margin:0;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:800;line-height:1;letter-spacing:-.045em;color:var(--pp-ink);text-wrap:balance}.pp-br{display:none}@media (min-width:640px){.pp-br{display:inline}}.pp-lede{margin:1.4rem 0 0;max-width:44ch;font-size:1.15rem;line-height:1.65;color:var(--pp-mute)}.pp-hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.pp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--pp-rule)}@media (min-width:640px){.pp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.pp-stats dt{font-size:.78rem;font-weight:700;color:var(--pp-mute)}.pp-stats dd{margin:.2rem 0 0;font-size:1.6rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pp-quick{display:flex;flex-direction:column;gap:1rem;padding:1.4rem;border-radius:1.1rem;background:var(--pp-surface);border:1px solid var(--pp-rule);box-shadow:0 30px 70px -40px rgba(14,27,42,.45)}.pp-quick-top{display:flex;justify-content:space-between;align-items:center}.pp-quick-title{font-size:1rem;font-weight:800}.pp-quick-src{font-size:.75rem;font-weight:700;color:var(--pp-accent-ink);background:var(--pp-soft);padding:.2rem .55rem;border-radius:999px}.pp-quick-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem}@media (min-width:520px){.pp-quick-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.pp-quick-pair .pp-swap{margin-bottom:.4rem}}.pp-quick-out{padding:1.1rem 1.15rem;border-radius:.9rem;background:var(--pp-panel);color:var(--pp-panel-fg)}.pp-quick-out .pp-empty{color:var(--pp-panel-mute)}.pp-quick-num{margin:0;font-size:clamp(2rem,5vw,2.6rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums;color:#fff;overflow-wrap:anywhere}.pp-quick-line{margin:.45rem 0 0;font-size:.9rem;line-height:1.55;color:var(--pp-panel-mute)}.pp-quick-line strong.is-cheap{color:var(--pp-panel-cheap)}.pp-quick-line strong.is-dear{color:var(--pp-panel-dear)}.pp-quick .pp-cta{width:100%}.pp-note{margin:1rem 0 0;font-size:.84rem;line-height:1.6;color:var(--pp-mute)}.pp-note strong{color:var(--pp-ink)}.pp-world{padding:4.5rem 0;border-bottom:1px solid var(--pp-rule)}.pp-world-head{max-width:40rem;margin-bottom:2rem}.pp-h2-lg{margin:0;font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;text-wrap:balance}.pp-world-sub{margin:.8rem 0 0;color:var(--pp-mute);line-height:1.6}.pp-world-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--pp-rule)}.pp-world-list li{border-bottom:1px solid var(--pp-rule)}.pp-world-row{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem;gap:.5rem 1rem;align-items:center;padding:.85rem .25rem;color:var(--pp-ink);text-decoration:none}.pp-world-row:hover{background:var(--pp-surface)}.pp-world-name,.pp-world-pct{font-weight:800}.pp-world-pct{text-align:right;font-variant-numeric:tabular-nums}.pp-world-row .pp-ruler,.pp-world-val{grid-column:1/-1}.pp-world-val{font-size:.85rem;color:var(--pp-mute);font-variant-numeric:tabular-nums}@media (min-width:768px){.pp-world-row{grid-template-columns:11rem 3.5rem minmax(0,1fr) 9rem;padding:.85rem .5rem}.pp-world-row .pp-ruler,.pp-world-val{grid-column:auto}.pp-world-val{text-align:right;font-size:.95rem;color:var(--pp-ink);font-weight:700}}.pp-world-foot{margin:1.25rem 0 0;font-size:.9rem;color:var(--pp-mute)}.pp-world-foot a{color:var(--pp-accent-ink);font-weight:800}.pp-guide{padding:4.5rem 0 5rem}.pp-guide-wrap{max-width:50rem}.pp-article{font-size:1.05rem;line-height:1.75;color:var(--pp-ink)}.pp-article-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1.5rem}.pp-article-head svg{width:2.2rem;height:2.2rem;color:var(--pp-accent);flex-shrink:0}.pp-article-head h2{margin:0;font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}.pp-article-lede{font-size:1.15rem;color:var(--pp-mute)}.pp-article p{margin:0 0 1.1rem}.pp-article h3{margin:2.4rem 0 .8rem;font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.pp-article-pair{display:grid;gap:1rem;margin:2rem 0}@media (min-width:700px){.pp-article-pair{grid-template-columns:1fr 1fr}}.pp-article-pair>div{padding:1.3rem;border-radius:.9rem;background:var(--pp-surface);border:1px solid var(--pp-rule)}.pp-article-pair svg{width:1.6rem;height:1.6rem;color:var(--pp-accent)}.pp-article-pair h3{margin:.7rem 0 .4rem;font-size:1.1rem}.pp-article-pair p{margin:0;font-size:.93rem;line-height:1.6;color:var(--pp-mute)}.pp-steps{margin:0 0 1rem;padding-left:1.3rem}.pp-steps li{margin-bottom:.55rem}.pp-article-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding:1.3rem 1.4rem;border-radius:1rem;background:var(--pp-soft)}.pp-article-cta p{margin:0;font-weight:800}.pp-bar{position:sticky;top:env(safe-area-inset-top,0);z-index:50;background:color-mix(in srgb,var(--pp-surface) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--pp-rule)}.pp-bar-in{max-width:76rem;margin:0 auto;padding:.7rem 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.pp-back{justify-self:start;display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:var(--pp-mute);text-decoration:none}.pp-back:hover{color:var(--pp-ink)}.pp-back svg,.pp-share svg{width:16px;height:16px}.pp-bar-title{margin:0;font-size:1rem;font-weight:800;white-space:nowrap}.pp-share{justify-self:end;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:.6rem;border:1px solid var(--pp-rule);background:var(--pp-surface);color:var(--pp-ink);font-size:.84rem;font-weight:700;cursor:pointer}.pp-share.is-done,.pp-share:hover{border-color:var(--pp-accent)}.pp-share.is-done{color:var(--pp-accent-ink)}@media (max-width:560px){.pp-back span,.pp-share span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.pp-app-main{max-width:76rem;margin:0 auto;padding:1.5rem 16px 4rem;display:grid;gap:1.25rem;align-items:start}@media (min-width:1024px){.pp-app-main{grid-template-columns:22rem minmax(0,1fr);gap:1.75rem;padding-top:2rem}.pp-inputs{position:sticky;top:5rem}}.pp-inputs{gap:1rem;padding:1.25rem;border-radius:1rem;background:var(--pp-surface);border:1px solid var(--pp-rule)}.pp-inputs,.pp-results{display:flex;flex-direction:column}.pp-results{gap:1.25rem;min-width:0}.pp-result{padding:1.6rem 1.5rem 1.3rem;border-radius:1.1rem;background:var(--pp-panel);color:var(--pp-panel-fg)}.pp-result .pp-empty,.pp-result-kicker{color:var(--pp-panel-mute)}.pp-result-kicker{margin:0;font-size:.85rem;font-weight:700}.pp-result-num{margin:.35rem 0 0;font-size:clamp(2.6rem,7vw,4.4rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pp-result-line{margin:.8rem 0 0;max-width:52ch;font-size:1rem;line-height:1.55;color:var(--pp-panel-fg)}.pp-facts{display:grid;gap:1px;margin:1.4rem 0 0;background:var(--pp-panel-rule);border:1px solid var(--pp-panel-rule);border-radius:.8rem;overflow:hidden}@media (min-width:640px){.pp-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.pp-facts>div{padding:.85rem .95rem;background:var(--pp-panel);min-width:0}.pp-facts dt{font-size:.76rem;font-weight:700;color:var(--pp-panel-mute)}.pp-facts dd{margin:.3rem 0 0;font-size:1.25rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pp-facts dd.is-cheap{color:var(--pp-panel-cheap)}.pp-facts dd.is-dear{color:var(--pp-panel-dear)}.pp-facts dd.pp-fact-sub{margin-top:.2rem;font-size:.75rem;font-weight:600;color:var(--pp-panel-mute)}.pp-ruler-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-top:1.2rem;font-size:.74rem;font-weight:700;color:var(--pp-panel-mute)}.pp-result .pp-ruler-track{background:var(--pp-panel-rule)}.pp-result .pp-ruler-home{background:#fff}.pp-result .pp-ruler-bar.is-cheap{background:var(--pp-panel-cheap)}.pp-result .pp-ruler-bar.is-dear{background:var(--pp-panel-dear)}@media (max-width:480px){.pp-ruler-row{grid-template-columns:1fr}.pp-ruler-row>span:last-child{display:none}}.pp-h2{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:-.015em}.pp-remote{display:grid;gap:.5rem;padding:1.3rem 1.4rem;border-radius:1rem;background:var(--pp-surface);border:1px solid var(--pp-rule)}.pp-remote p{margin:0 0 .6rem;line-height:1.6;color:var(--pp-mute)}.pp-remote p:last-child{margin-bottom:0}.pp-remote strong{color:var(--pp-ink);font-variant-numeric:tabular-nums}.pp-rank{padding:1.3rem 1.4rem;border-radius:1rem;background:var(--pp-surface);border:1px solid var(--pp-rule)}.pp-rank-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.pp-rank-sub{margin:.3rem 0 0;font-size:.85rem;color:var(--pp-mute)}.pp-rank-tools{display:flex;flex-wrap:wrap;gap:.5rem}.pp-filter{height:2.4rem;padding:0 .8rem;border-radius:.6rem;border:1px solid var(--pp-rule);color:var(--pp-ink);font-size:.88rem;font-weight:600;min-width:0;width:11rem}.pp-filter,.pp-seg{background:var(--pp-bg)}.pp-seg{display:inline-flex;padding:3px;border-radius:.65rem;border:1px solid var(--pp-rule)}.pp-seg button{border:0;background:transparent;color:var(--pp-mute);font-size:.82rem;font-weight:700;padding:.4rem .8rem;border-radius:.5rem;cursor:pointer}.pp-seg button.is-on{background:var(--pp-surface);color:var(--pp-ink);box-shadow:0 1px 3px rgba(14,27,42,.14)}.pp-table{border-top:1px solid var(--pp-rule)}.pp-tr{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 3.5rem;gap:.35rem 1rem;align-items:center;padding:.75rem .4rem;border:0;border-bottom:1px solid var(--pp-rule);background:transparent;color:var(--pp-ink);text-align:left;cursor:pointer;font-size:.92rem}.pp-tr>span:nth-child(2){font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.pp-tr .pp-col-ruler{grid-column:1/-1}.pp-tr .pp-col-num{grid-column:1/-1;font-size:.82rem;color:var(--pp-mute);font-variant-numeric:tabular-nums}.pp-th{cursor:default;font-size:.74rem;font-weight:700;color:var(--pp-mute);display:none}.pp-tr:not(.pp-th):hover{background:var(--pp-bg)}.pp-tr.is-target{background:var(--pp-soft)}.pp-td-name{display:flex;align-items:baseline;gap:.5rem;min-width:0}.pp-td-name strong{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-td-name small{font-size:.72rem;font-weight:700;color:var(--pp-mute)}@media (min-width:760px){.pp-tr{grid-template-columns:minmax(0,1.2fr) 5.5rem minmax(0,1.4fr) minmax(0,1fr)}.pp-tr .pp-col-num,.pp-tr .pp-col-ruler{grid-column:auto}.pp-tr .pp-col-num{text-align:right;font-size:.92rem;color:var(--pp-ink);font-weight:700}.pp-th{display:grid}.pp-th>span:nth-child(2){font-weight:700}}.pp-more{margin-top:1rem;width:100%;padding:.75rem;border-radius:.7rem;border:1px dashed var(--pp-rule);background:transparent;color:var(--pp-accent-ink);font-size:.9rem;font-weight:800;cursor:pointer}.pp-more:hover{border-color:var(--pp-accent)}.pp-source{font-size:.8rem;line-height:1.6;color:var(--pp-mute)}.pp-source p{margin:0 0 .5rem}.pp-source strong{color:var(--pp-ink)}@media (prefers-reduced-motion:reduce){.pu-ppp *{transition:none!important}.pp-cta:hover{transform:none}}