.pac{--pac-font:"Courier New", ui-monospace, monospace;--pac-body:#c4c7cc;--pac-body-edge:#6b6e75;--pac-titlebar:#6b6e75;--pac-titlebar-text:#fff;--pac-close:#c62828;--pac-close-text:#fff;--pac-screen:#9bbc0f;--pac-screen-text:#0f380f;--pac-screen-muted:#306230;--pac-screen-edge:#4c5a1e;--pac-function-key:#8a8d93;--pac-function-key-text:#fff;--pac-key:#ececec;--pac-key-text:#222;--pac-key-edge:#8d8f94;--pac-operator-key:#5a45a8;--pac-operator-key-text:#fff;--pac-equals-key:#9a2257;--pac-equals-key-text:#fff;--pac-pressed-highlight:#fff27a;--pac-radius:4px;--pac-gap:.4rem;--pac-z:2147480000;z-index:var(--pac-z);box-sizing:border-box;gap:var(--pac-gap);resize:both;border:3px solid var(--pac-body-edge);border-radius:var(--pac-radius);background:var(--pac-body);width:18rem;min-width:15rem;max-width:calc(100vw - 1rem);height:31rem;min-height:26rem;max-height:calc(100vh - 1rem);color:var(--pac-key-text);font-family:var(--pac-font);flex-direction:column;padding:0 .6rem .6rem;display:flex;position:fixed;overflow:hidden;box-shadow:4px 4px #00000059;container-type:size}.pac[hidden]{display:none}.pac *,.pac :before,.pac :after{box-sizing:inherit}.pac:focus{outline:none}.pac-titlebar{background:var(--pac-titlebar);color:var(--pac-titlebar-text);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;justify-content:space-between;align-items:center;gap:.5rem;margin:0 -.6rem;padding:.25rem .35rem .25rem .6rem;display:flex}.pac-title{letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-width:0;font-size:.8rem;font-weight:700;overflow:hidden}.pac-close{border:2px solid var(--pac-titlebar-text);border-radius:var(--pac-radius);background:var(--pac-close);width:1.5rem;height:1.5rem;color:var(--pac-close-text);cursor:pointer;flex:none;place-items:center;padding:0;display:grid}.pac-display{border:3px solid var(--pac-screen-edge);border-radius:var(--pac-radius);background:var(--pac-screen);color:var(--pac-screen-text);flex:none;padding:.35rem .5rem}.pac-eyebrow{justify-content:space-between;gap:.5rem;min-height:1.1rem;font-size:clamp(.7rem,4.5cqi,.95rem);display:flex}.pac-memory{flex:none;font-weight:700}.pac-expression{min-width:0;color:var(--pac-screen-muted);text-align:right;overflow-wrap:anywhere}.pac-output-row{align-items:center;gap:.4rem;display:flex}.pac-value{overflow-wrap:anywhere;text-align:right;flex:1;min-width:0;font-size:clamp(1.2rem,min(10cqi,6.5cqh),3rem);font-weight:700;line-height:1.15}.pac-value-error{font-size:clamp(.9rem,6cqi,1.3rem)}.pac-copy{border:2px solid var(--pac-screen-text);border-radius:var(--pac-radius);width:1.75rem;height:1.75rem;color:var(--pac-screen-text);cursor:pointer;background:0 0;flex:none;place-items:center;padding:0;display:grid}.pac-copy:disabled{opacity:.4;cursor:default}.pac-keys{gap:calc(var(--pac-gap) * 2);flex-direction:column;flex:1;min-height:0;padding-bottom:3px;display:flex}.pac-functions,.pac-pad{gap:var(--pac-gap);grid-template-columns:repeat(4,minmax(0,1fr));min-height:0;display:grid}.pac-functions{flex:3;grid-template-rows:repeat(3,minmax(0,1fr))}.pac-pad{flex:5;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-areas:"clear divide multiply subtract""d7 d8 d9 add""d4 d5 d6 add""d1 d2 d3 equals""d0 d0 decimal equals"}.pac-key-clear{grid-area:clear}.pac-key-divide{grid-area:divide}.pac-key-multiply{grid-area:multiply}.pac-key-subtract{grid-area:subtract}.pac-key-add{grid-area:add}.pac-key-equals{grid-area:equals}.pac-key-decimal{grid-area:decimal}.pac-key-0{grid-area:d0}.pac-key-1{grid-area:d1}.pac-key-2{grid-area:d2}.pac-key-3{grid-area:d3}.pac-key-4{grid-area:d4}.pac-key-5{grid-area:d5}.pac-key-6{grid-area:d6}.pac-key-7{grid-area:d7}.pac-key-8{grid-area:d8}.pac-key-9{grid-area:d9}.pac-key{border:2px solid var(--pac-key-edge);border-radius:var(--pac-radius);background:var(--pac-key);min-width:0;min-height:0;box-shadow:0 3px 0 var(--pac-key-edge);color:var(--pac-key-text);font:inherit;cursor:pointer;padding:0;font-size:clamp(.8rem,min(6.5cqi,3.8cqh),2rem);font-weight:700;overflow:hidden}.pac-key-function{background:var(--pac-function-key);color:var(--pac-function-key-text)}.pac-key-operator{background:var(--pac-operator-key);color:var(--pac-operator-key-text)}.pac-key-equals{background:var(--pac-equals-key);color:var(--pac-equals-key-text)}.pac-key:active,.pac-key-pressed{box-shadow:inset 0 0 0 2px var(--pac-pressed-highlight), 0 0 6px var(--pac-pressed-highlight);filter:brightness(1.12);transform:translateY(3px)}:root{--ink:#07070c;--text:#ececf3;--muted:#a3a3b8;--line:#ffffff17;--glass:#ffffff09;--violet:#b9acff;--pink:#ff8fb8;--lime:#d7f36b;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--ink);margin:0}body:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(55rem 38rem at 88% -8%,#5a45a861,#0000 62%),radial-gradient(48rem 34rem at -12% 18%,#9a225742,#0000 62%),radial-gradient(40rem 28rem at 50% 105%,#9bbc0f1f,#0000 62%);animation:9s ease-in-out infinite alternate breathe;position:fixed;inset:0}@keyframes breathe{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:3rem 3rem;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 25%,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 0,#000 25%,#0000 80%)}.page,.page *,.page :before,.page :after{box-sizing:border-box}html{scroll-behavior:smooth}.page{max-width:72rem;color:var(--text);font:1rem/1.6 var(--sans);margin:0 auto;padding:4.5rem 1rem 2rem}.toggle{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font:600 .9rem/1.2 var(--sans);cursor:pointer;background:#07070cb8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1rem;display:inline-flex;position:fixed;top:1rem;right:1rem;box-shadow:0 8px 24px -12px #000c}.toggle:hover{border-color:#b9acff80}.toggle:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.toggle svg{fill:none;width:1rem;height:1rem;stroke:var(--lime);stroke-linecap:round;stroke-width:1.3px}.page a{color:var(--violet)}.page code{font-family:var(--mono);font-size:.9em}h1,h2,h3{letter-spacing:-.03em;margin:0;line-height:1.1}.chip{border:1px solid var(--line);background:var(--glass);color:var(--muted);border-radius:999px;align-items:center;gap:.55rem;margin:0 0 1.5rem;padding:.35rem .85rem;font-size:.85rem;display:inline-flex}.chip-dot{background:var(--lime);width:.5rem;height:.5rem;box-shadow:0 0 10px var(--lime);border-radius:50%}h1{font-size:clamp(2.5rem,9vw,5rem);font-weight:800}.shine{background:linear-gradient(90deg, var(--violet), var(--pink), var(--lime), var(--violet)) 0 0 / 200% 100% repeat-x;color:#0000;-webkit-background-clip:text;background-clip:text;animation:12s linear infinite wave}@keyframes wave{to{background-position:200% 0}}.lede{max-width:34rem;color:var(--muted);margin:1.5rem 0 2rem;font-size:clamp(1.05rem,2.5vw,1.25rem)}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.button{font:600 .95rem/1.2 var(--sans);text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.35rem;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible,.field input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.button-primary{color:#fff;background:linear-gradient(135deg,#6d55d6,#b02a68);border:0;box-shadow:0 10px 28px -10px #b02a68cc}.button-primary:hover{box-shadow:0 14px 32px -10px #b02a68f2}.page .button-ghost{background:var(--glass);color:var(--text);border:1px solid #ffffff29}.page .button-ghost:hover{border-color:#ffffff52}.readout{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:1.1rem;max-width:34rem;margin-top:2.5rem;padding:1.25rem 1.5rem 1.4rem}.readout-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.readout-expression,.readout-value{font-family:var(--mono);overflow-wrap:anywhere;margin:0}.readout-expression{color:var(--muted)}.readout-value{color:var(--lime);text-shadow:0 0 28px #9bbc0f73;font-size:clamp(1.9rem,8vw,3rem);font-weight:700;line-height:1.15}.readout-empty{opacity:.35;text-shadow:none}.dock{display:none}@media (width>=64rem){.page{padding-top:5.5rem}.hero{grid-template-columns:minmax(0,1fr) 18rem;align-items:center;gap:5rem;display:grid}.dock{width:18rem;height:31rem;color:var(--muted);text-align:center;background:radial-gradient(closest-side,#5a45a866,#0000);border:1px dashed #ffffff29;border-radius:1rem;place-items:start center;padding:1rem 1.5rem;font-size:.9rem;display:grid}}.section{margin-top:6rem;scroll-margin-top:5rem}.section h2{margin-bottom:1.75rem;font-size:clamp(1.75rem,5vw,2.6rem);font-weight:750}.muted{max-width:40rem;color:var(--muted)}.features{grid-template-columns:1fr;gap:1rem;display:grid}.feature{border:1px solid var(--line);background:var(--glass);border-radius:1rem;padding:1.4rem;transition:transform .15s,border-color .15s}.feature:hover{border-color:#b9acff59;transform:translateY(-2px)}.glyph{min-width:2.75rem;height:2.5rem;color:var(--lime);font:700 .9rem var(--mono);background:#d7f36b14;border:1px solid #d7f36b47;border-radius:.7rem;place-items:center;margin-bottom:1rem;padding:0 .6rem;display:inline-grid}.feature h3{margin-bottom:.4rem;font-size:1.1rem}.feature p{color:var(--muted);margin:0;font-size:.95rem}.try{gap:1.5rem;display:grid}.examples{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.examples li{border:1px solid var(--line);background:var(--glass);color:var(--muted);border-radius:.8rem;flex-wrap:wrap;align-items:baseline;gap:.4rem .6rem;padding:.85rem 1.1rem;display:flex}.examples code{color:var(--text)}.examples span{color:var(--lime);font-family:var(--mono);margin-left:auto}.panel{border:1px solid var(--line);background:var(--glass);border-radius:1rem;align-content:start;gap:1.25rem;padding:1.4rem;display:grid}.field{color:var(--muted);gap:.5rem;font-size:.9rem;display:grid}.field input{width:100%;color:var(--text);font:1rem var(--sans);background:#00000059;border:1px solid #ffffff29;border-radius:.7rem;padding:.75rem .9rem}.keys{grid-template-columns:1fr;gap:0 2.5rem;margin:0;display:grid}.key-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1rem;padding:.7rem 0;display:flex}.key-row dt{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.9rem;display:flex}.key-row dd{color:var(--text);margin:0}kbd{min-width:1.6rem;color:var(--text);font:600 .8rem/1.4 var(--mono);text-align:center;background:#ffffff0f;border:1px solid #fff3;border-bottom-width:3px;border-radius:.4rem;padding:.15rem .45rem;display:inline-block}.code{border:1px solid var(--line);background:#00000073;border-radius:1rem;margin:1.25rem 0 0;overflow:hidden}.code-bar{border-bottom:1px solid var(--line);color:var(--muted);font:.8rem var(--sans);background:#ffffff08;justify-content:space-between;display:flex}.code-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:.6rem 1rem;overflow:hidden}.code-controls{flex:none;display:flex}.code-controls span{place-items:center;width:2.875rem;display:grid}.code-controls svg{fill:none;stroke:currentColor;stroke-width:1px;width:.625rem;height:.625rem}.code-controls span:hover{color:var(--text);background:#ffffff14}.code-controls .code-close:hover{color:#fff;background:#c42b1c}.code pre{color:var(--text);font:.85rem/1.6 var(--mono);margin:0;padding:1.1rem 1.25rem;overflow-x:auto}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:6rem;padding-top:1.5rem;font-size:.9rem;display:flex}.footer a{color:var(--violet);text-underline-offset:.2em;text-decoration:underline}.footer a:hover{color:var(--text)}.footer-name{color:var(--muted);margin-left:auto}@media (width>=40rem){.features,.keys{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=56rem){.features{grid-template-columns:repeat(3,minmax(0,1fr))}.try{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shine,body:after{animation:none}.button,.feature{transition:none}.button:hover,.feature:hover{transform:none}}
