:root{--k-acc:#2d5bff;--k-acc-hi:#8fa6ff;--k-acc-lo:#1e44d6;--k-chip:#eef1f6;--b-top:#2c313c;--b-bot:#0d1015;--b-fg:#fff;--b-fg2:#ffffff9e;--b-rim-hi:#ffffff29;--b-rim-lo:#fff0;--b-out:#07090ce6;--b-sheen:#ffffff1a;--b-tray:#ffffff14;--b-tray-line:#ffffff1a;--s-top:#fff;--s-bot:#f3f5f8;--s-rim:#d9dee6;--s-rim-lo:#c9d0db;--s-fg:#0e1116;--s-rim-hov:#b9c1ce;--s-hl:#ffffffb3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--k-chip:#1a1e26;--b-top:#fff;--b-bot:#dde1e8;--b-fg:#0e1116;--b-fg2:#0e11168c;--b-rim-hi:#ffffffe6;--b-rim-lo:#0000002e;--b-out:#000;--b-sheen:#fff9;--b-tray:#0e11160f;--b-tray-line:#0e11161a;--s-top:#1c2029;--s-bot:#151820;--s-rim:#2e3440;--s-rim-lo:#252a34;--s-fg:#f2f4f8;--s-rim-hov:#454d5c;--s-hl:#ffffff0f}}:root[data-theme=dark]{--k-chip:#1a1e26;--b-top:#fff;--b-bot:#dde1e8;--b-fg:#0e1116;--b-fg2:#0e11168c;--b-rim-hi:#ffffffe6;--b-rim-lo:#0000002e;--b-out:#000;--b-sheen:#fff9;--b-tray:#0e11160f;--b-tray-line:#0e11161a;--s-top:#1c2029;--s-bot:#151820;--s-rim:#2e3440;--s-rim-lo:#252a34;--s-fg:#f2f4f8;--s-rim-hov:#454d5c;--s-hl:#ffffff0f}.k-btn{--h:56px;--r:999px;--pl:24px;--pr:7px;--fs:16px;isolation:isolate;height:var(--h);padding:0 var(--pr) 0 var(--pl);border-radius:var(--r);background:linear-gradient(180deg, var(--b-sheen), transparent 46%) padding-box, linear-gradient(180deg, var(--b-top), var(--b-bot)) padding-box, linear-gradient(180deg, var(--b-rim-hi), var(--b-rim-lo) 45%, var(--b-rim-lo)) border-box;color:var(--b-fg);font:600 var(--fs)/1 var(--body);letter-spacing:-.012em;white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px var(--b-out), 0 4px 12px -6px #0e111652;transform:translate(var(--mx,0px), var(--my,0px));transition:transform var(--k-d3) var(--k-ease), box-shadow var(--k-d2) var(--k-ease), filter var(--k-d1) var(--k-ease);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:14px;text-decoration:none;display:inline-flex;position:relative}.k-btn .k-t{text-shadow:0 1px #00000040;position:relative}:root[data-theme=dark] .k-btn .k-t{text-shadow:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .k-btn .k-t{text-shadow:none}}.k-btn:before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(140px 70px at var(--x,50%) var(--y,0%), color-mix(in srgb, var(--k-acc) 55%, transparent), transparent 70%);opacity:0;transition:opacity var(--k-d2) var(--k-ease);position:absolute;inset:-1px}.k-btn:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 35%,#ffffff38 48%,#ffffff0d 54%,#0000 62%) 120% 0/250% 100% no-repeat;position:absolute;inset:0;overflow:hidden}.k-btn:hover:before,.k-btn.is-hover:before{opacity:1}.k-btn:hover:after,.k-btn.is-hover:after{opacity:1;animation:.9s cubic-bezier(.4,0,.2,1) forwards kSheen}@keyframes kSheen{0%{background-position:120% 0}to{background-position:-30% 0}}.k-btn:hover,.k-btn.is-hover{box-shadow:0 0 0 1px var(--b-out), 0 4px 12px -6px #0e111652, 0 8px 22px -12px color-mix(in srgb, var(--k-acc) 45%, transparent)}.k-btn:active,.k-btn.is-active{transform:translate(var(--mx,0px), calc(var(--my,0px) + 1px)) scale(.985);filter:brightness(.96);box-shadow:0 0 0 1px var(--b-out), 0 1px 3px -1px #0e11164d, inset 0 2px 4px #00000040;transition-duration:80ms}.k-btn:focus-visible,.k-btn.is-focus{box-shadow:0 0 0 1px var(--b-out), 0 0 0 3px var(--bg), 0 0 0 5px var(--k-acc);outline:none}.k-tray{height:calc(var(--h) - 14px);background:var(--b-tray);box-shadow:inset 0 0 0 1px var(--b-tray-line), inset 0 1px 2px #0000002e;border-radius:999px;align-items:center;gap:10px;padding:0 4px 0 12px;display:inline-flex}.k-tray .k-min{font:500 12.5px/1 var(--mono);color:var(--b-fg2);font-variant-numeric:tabular-nums;letter-spacing:.01em;align-items:center;gap:6px;display:inline-flex}.k-tray .k-min:before{content:"";background:#2fcb7b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2fcb7b2e}.k-orb{width:calc(var(--h) - 22px);height:calc(var(--h) - 22px);background:radial-gradient(circle at 32% 26%, var(--k-acc-hi), var(--k-acc) 52%, var(--k-acc-lo));border-radius:50%;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73,inset 0 -2px 3px #00000040,0 1px 2px #0e11164d}.k-orb svg{width:15px;height:15px;transition:transform var(--k-d3) cubic-bezier(.6,0,.2,1);margin:auto;position:absolute;inset:0}.k-orb svg+svg{transform:translate(-26px)}.k-btn:hover .k-orb svg:first-child,.k-btn.is-hover .k-orb svg:first-child{transform:translate(26px)}.k-btn:hover .k-orb svg+svg,.k-btn.is-hover .k-orb svg+svg{transform:translate(0)}.k-orb .k-spin{display:none}.k-btn.is-loading{pointer-events:none}.k-btn.is-loading .k-orb svg{display:none}.k-btn.is-loading .k-orb .k-spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;animation:.8s linear infinite kRot;display:block;position:absolute;inset:6px}@keyframes kRot{to{transform:rotate(360deg)}}.k-btn-m{--h:50px;--fs:15px;--pl:20px;--pr:6px}.k-btn-s{--h:42px;--fs:14px;--pl:16px;--pr:5px;gap:10px}.k-btn-s .k-orb svg{width:13px;height:13px}.k-btn-block{justify-content:space-between;width:100%}.k-btn2{background:linear-gradient(180deg, var(--s-top), var(--s-bot)) padding-box, linear-gradient(180deg, var(--s-rim), var(--s-rim-lo)) border-box;height:56px;color:var(--s-fg);font:600 16px/1 var(--body);letter-spacing:-.012em;white-space:nowrap;box-shadow:inset 0 1px 0 var(--s-hl);transition:background var(--k-d2) var(--k-ease), box-shadow var(--k-d2) var(--k-ease);border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:0 20px 0 22px;text-decoration:none;display:inline-flex}.k-btn2 .k-dn{background:var(--k-chip);width:22px;height:22px;color:var(--muted);transition:transform var(--k-d3) var(--k-ease), color var(--k-d2) var(--k-ease);border-radius:50%;place-items:center;display:grid}.k-btn2:hover,.k-btn2.is-hover{background:linear-gradient(180deg, var(--s-top), var(--s-bot)) padding-box, linear-gradient(180deg, var(--s-rim-hov), var(--s-rim)) border-box}.k-btn2:hover .k-dn,.k-btn2.is-hover .k-dn{color:var(--k-acc);transform:translateY(3px)}.k-btn2:active{transition:transform 80ms;transform:scale(.985)}.k-btn2:focus-visible{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--k-acc);outline:none}@media (width<=520px){.k-tray .k-min{display:none}.k-tray{box-shadow:none;background:0 0;padding:0}.k-btn{--fs:15px;--pl:20px}}@media (prefers-reduced-motion:reduce){.k-btn,.k-btn *,.k-btn:before,.k-btn:after,.k-btn2,.k-btn2 *{transition:none!important;animation:none!important}.k-btn{transform:none!important}}
