.kpage{--gold:#edc56a;isolation:isolate;background:#121218;min-height:100dvh;position:relative;overflow-x:clip}.kpage .glow{filter:blur(70px);pointer-events:none;border-radius:999px;position:absolute}.kpage .eyebrow{color:var(--gold);letter-spacing:.03em;border:1px solid #edc56a8c;border-radius:999px;align-items:center;gap:.6em;padding:.45em 1.2em;font-weight:500;display:inline-flex}.kpage .gold{color:var(--gold)}.kb-section{background:linear-gradient(#f6f2ea0f,#f6f2ea06);border:1px solid #f6f2ea1f;border-radius:1.5rem;padding:1.25rem}@media (min-width:640px){.kb-section{padding:1.5rem}}.kb-step{background:var(--gold);color:#1d1708;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;font-size:.9rem;font-weight:800;display:inline-grid}.kb-label{margin-bottom:.4rem;font-size:.95rem;font-weight:600;display:block}.kb-hint{color:var(--color-mute-2);margin-top:.35rem;font-size:.8rem;display:block}.kb-input{width:100%;min-height:3rem;color:var(--color-paper);background:#ffffff0d;border:1px solid #ffffff24;border-radius:.9rem;padding:.65rem .9rem;font-size:16px;line-height:1.4;transition:border-color .2s,background-color .2s}.kb-input::placeholder{color:var(--color-mute-2)}.kb-input:focus{border-color:var(--color-violet-2);background:#ffffff12;outline:none;box-shadow:0 0 0 3px #8b5cf640}.kb-input[aria-invalid=true]{border-color:#f87171}textarea.kb-input{resize:vertical;min-height:7rem}.kb-error{color:#fca5a5;margin-top:.35rem;font-size:.85rem}.kb-swatch{color:var(--color-paper-2);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.kb-swatch i{background:var(--sw);width:3rem;height:3rem;transition:transform .25s var(--ease-out-expo), border-color .2s ease, box-shadow .2s ease;border:2px solid #ffffff26;border-radius:1rem;display:block}.kb-swatch:hover i{transform:translateY(-2px)}.kb-swatch[aria-pressed=true] i{border-color:var(--gold);box-shadow:0 0 0 3px #edc56a4d}.kb-swatch[aria-pressed=true]{color:var(--gold);font-weight:700}.kb-bar{z-index:20;padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px)saturate(140%);background:#121218db;border-top:1px solid #ffffff1a;margin-inline:-1.25rem;position:sticky;bottom:0}@media (min-width:640px){.kb-bar{margin-inline:-2rem;padding-inline:2rem}}@media (min-width:1024px){.kb-bar{-webkit-backdrop-filter:none;background:0 0;border:0;margin:0;padding:0;position:static}}.kb-phone{background:#0a0a10;border-radius:46px;width:100%;max-width:380px;margin-inline:auto;padding:12px;box-shadow:0 0 0 1px #ffffff1f,0 40px 90px -30px #000000e6}.kb-phone-screen{scrollbar-width:none;background:#0b0f1a;border-radius:36px;height:min(760px,100dvh - 120px);min-height:560px;position:relative;overflow:hidden auto}.kb-phone-screen::-webkit-scrollbar{display:none}.kb-phone-notch{z-index:2;background:#0a0a10;border-radius:999px;width:110px;height:28px;margin:10px auto -38px;position:sticky;top:10px}.kb-overlay{z-index:60;-webkit-backdrop-filter:blur(10px);background:#06080ff0;padding:1rem 1rem 2.5rem;position:fixed;inset:0;overflow-y:auto}.kb-overlay-close{z-index:2;justify-content:flex-start;margin-bottom:.75rem;display:flex;position:sticky;top:0}.kb-qr{background:#fff;border-radius:1rem;width:220px;height:220px;margin-inline:auto;padding:10px;display:block}.kb-link{word-break:break-all;text-align:left;direction:ltr;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;max-height:7.5rem;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow:auto}