:root{--sf-s-top:#d8dee3eb;--sf-s-bot:#c0c8ced6;--sf-s-border:#fff9;--sf-s-sheen:#ffffff80;--sf-s-hi:#ffffffb3;--sf-text:#151c23;--sf-dim:#26313a;--sf-shadow:#1c263066;--sf-blur:blur(8px) saturate(140%);--sf-acc1:#a4b8c5;--sf-acc2:#536b7d;--sf-acc3:#344f63;--sf-acc-deep:#1b3140;--sf-acc-glow:#5f7b8e66}:root[data-theme=dark]{--sf-s-top:#22282eeb;--sf-s-bot:#161a1edb;--sf-s-border:#ffffff1a;--sf-s-sheen:#ffffff1a;--sf-s-hi:#ffffff14;--sf-text:#f4f6f5;--sf-dim:#8a938e;--sf-shadow:#0000008c}:root[data-theme=dark] .sf-bg{background:radial-gradient(40% 34% at 14% 16%,#ffffff0d,#0000 60%),radial-gradient(46% 40% at 82% 20%,#28344066,#0000 62%),radial-gradient(48% 42% at 24% 84%,#ffffff08,#0000 60%),radial-gradient(40% 38% at 64% 70%,#2834404d,#0000 62%),linear-gradient(160deg,#161a1e,#0c0e10)}:root[data-theme=dark] .sf-btn--ghost{color:#d6dde2}.sf-bg{background:radial-gradient(40% 34% at 14% 16%,#ffffff47,#0000 60%),radial-gradient(46% 40% at 82% 20%,#38425066,#0000 62%),radial-gradient(48% 42% at 24% 84%,#ffffff29,#0000 60%),radial-gradient(40% 38% at 64% 70%,#3842504d,#0000 62%),linear-gradient(160deg,#b6c0c8,#8c98a5)}.sf-btn{cursor:pointer;letter-spacing:.01em;color:var(--sf-text);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,var(--sf-s-top),var(--sf-s-bot));-webkit-backdrop-filter:var(--sf-blur);backdrop-filter:var(--sf-blur);border:0;border:1px solid var(--sf-s-border);box-shadow:0 9px 20px -9px var(--sf-shadow),0 2px 5px -3px var(--sf-shadow),inset 0 1px 0 var(--sf-s-hi);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:14px 24px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;transition:transform .12s,box-shadow .22s,filter .18s;display:inline-flex;position:relative;overflow:hidden}.sf-btn:before{content:"";background:linear-gradient(180deg,var(--sf-s-sheen),transparent);opacity:.7;pointer-events:none;height:42%;position:absolute;inset:0 0 auto}.sf-btn>svg,.sf-btn>.sf-label{z-index:1;position:relative}.sf-btn>svg{flex:none;display:block}.sf-btn:hover{box-shadow:0 14px 28px -10px var(--sf-shadow),inset 0 1px 0 var(--sf-s-hi);transform:translateY(-1px)}.sf-btn:active{transform:translateY(1px)scale(.99)}.sf-btn:focus-visible{box-shadow:0 0 0 3px #5f7b8e80,0 9px 20px -9px var(--sf-shadow);outline:0}.sf-btn--acc{color:#fff;text-shadow:0 1px 1px #12223259;background:linear-gradient(#718798,#4e6576);border:1px solid #ffffff29;box-shadow:0 10px 22px -9px #1a222c80,inset 0 1px #ffffff29}.sf-btn--acc:before{opacity:.8;background:linear-gradient(#ffffff47,#0000)}.sf-btn--acc:hover{filter:brightness(1.06)}.sf-btn--ghost{-webkit-backdrop-filter:none;color:#333a42;box-shadow:0 5px 14px -8px var(--sf-shadow);background:#78849024;border:1px solid #3c485642}.sf-btn--ghost:before{display:none}.sf-btn--ghost:hover{background:#78849038}.sf-btn--text{-webkit-backdrop-filter:none;box-shadow:none;color:var(--sf-dim);background:0 0;border:0;padding:14px 12px}.sf-btn--text:before{display:none}.sf-btn--text:hover{color:var(--sf-text);box-shadow:none;background:0 0;transform:none}.sf-btn--text.sf-is-accent{color:var(--sf-acc-deep)}.sf-btn--lg{padding:17px 30px;font-size:15px}.sf-btn--sm{gap:6px;padding:10px 16px;font-size:12.5px}.sf-btn--block{width:100%}.sf-btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;filter:saturate(.7);pointer-events:none}.sf-btn.sf-is-loading{pointer-events:none}.sf-btn.sf-is-loading .sf-label,.sf-btn.sf-is-loading svg{visibility:hidden}.sf-spinner{z-index:2;border:2px solid #282d344d;border-top-color:#2b323a;border-radius:999px;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.7s linear infinite sf-spin;position:absolute;top:50%;left:50%}.sf-btn--acc .sf-spinner{border-color:#fff #fff6 #fff6}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-iconbtn{width:52px;height:52px;color:var(--sf-text);cursor:pointer;background:linear-gradient(180deg,var(--sf-s-top),var(--sf-s-bot));-webkit-backdrop-filter:var(--sf-blur);backdrop-filter:var(--sf-blur);border:1px solid var(--sf-s-border);box-shadow:0 9px 20px -9px var(--sf-shadow),inset 0 1px 0 var(--sf-s-hi);border-radius:999px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .22s;display:inline-flex;position:relative;overflow:hidden}.sf-iconbtn:before{content:"";background:linear-gradient(180deg,var(--sf-s-sheen),transparent);opacity:.7;pointer-events:none;height:44%;position:absolute;inset:0 0 auto}.sf-iconbtn svg{z-index:1;position:relative}.sf-iconbtn:hover{transform:translateY(-1px)}.sf-iconbtn:active{transform:scale(.93)}.sf-field{max-width:360px;position:relative}.sf-field .sf-glow{background:var(--sf-acc2);filter:blur(18px);opacity:.4;border-radius:999px;height:20px;position:absolute;bottom:-8px;left:16%;right:16%}.sf-inp{color:var(--sf-dim);background:linear-gradient(180deg,var(--sf-s-top),var(--sf-s-bot));-webkit-backdrop-filter:var(--sf-blur);backdrop-filter:var(--sf-blur);border:1px solid var(--sf-s-border);box-shadow:0 9px 20px -10px var(--sf-shadow),inset 0 1px 0 var(--sf-s-hi);border-radius:999px;align-items:center;gap:11px;padding:15px 20px;font-size:14px;display:flex;position:relative}.sf-inp svg{opacity:.6;flex:none}.sf-inp input{color:var(--sf-text);font:inherit;background:0 0;border:0;outline:none;width:100%}.sf-inp input::placeholder{color:var(--sf-dim)}.sf-inp:focus-within{outline-offset:2px;outline:3px solid #1b314059}:root[data-theme=dark] .sf-inp:focus-within{outline-color:#aeb9c873}.sf-seg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--sf-s-border);box-shadow:inset 0 1px 2px #2d343c29,inset 0 1px 0 var(--sf-s-hi);background:#ffffff29;border-radius:999px;gap:3px;padding:5px;display:inline-flex;position:relative}.sf-seg-btn{color:var(--sf-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .18s;position:relative}.sf-seg-btn.sf-active{color:var(--sf-text);background:linear-gradient(180deg,var(--sf-s-top),var(--sf-s-bot));box-shadow:0 6px 14px -6px var(--sf-shadow),inset 0 1px 0 var(--sf-s-hi)}.sf-switch{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;border:1px solid var(--sf-s-border);width:54px;height:32px;box-shadow:inset 0 2px 4px #2d343c33,inset 0 1px 0 var(--sf-s-hi);background:#ffffff24;border-radius:999px;padding:0;transition:all .22s;position:relative}.sf-knob{background:linear-gradient(160deg,#fff,#dfe3e8);border-radius:999px;width:24px;height:24px;transition:transform .22s;position:absolute;top:3px;left:3px;box-shadow:0 3px 7px #232a3466,inset 0 1px 1px #fff}.sf-switch.sf-on{background:linear-gradient(180deg,var(--sf-acc2),var(--sf-acc3));box-shadow:0 0 18px -4px var(--sf-acc-glow),inset 0 1px 0 #ffffff40;border-color:#fff3}.sf-switch.sf-on .sf-knob{transform:translate(22px)}.sf-check{cursor:pointer;color:var(--sf-text);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:14px;display:inline-flex}.sf-box{border:1px solid var(--sf-s-border);background:linear-gradient(180deg,var(--sf-s-top),var(--sf-s-bot));width:24px;height:24px;box-shadow:inset 0 1px 0 var(--sf-s-hi);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .16s;display:flex;position:relative;overflow:hidden}.sf-box svg{color:#fff;opacity:0;transition:all .16s;transform:scale(.6)}.sf-check.sf-checked .sf-box{background:linear-gradient(180deg,var(--sf-acc2),var(--sf-acc3));border-color:#0000}.sf-check.sf-checked .sf-box svg{opacity:1;transform:scale(1)}.sf-chip{color:var(--sf-dim);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;padding:10px 17px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;transition:all .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff6}.sf-chip:hover{color:var(--sf-text);background:#ffffff29}.sf-chip.sf-active{color:#fff;background:linear-gradient(180deg,var(--sf-acc2),var(--sf-acc3));border-color:#ffffff2e;box-shadow:0 7px 16px -8px #1a222c8c,inset 0 1px #fff3}.sf-stepper{background:linear-gradient(180deg,var(--sf-s-top),var(--sf-s-bot));-webkit-backdrop-filter:var(--sf-blur);backdrop-filter:var(--sf-blur);border:1px solid var(--sf-s-border);box-shadow:0 9px 20px -10px var(--sf-shadow),inset 0 1px 0 var(--sf-s-hi);border-radius:999px;align-items:center;display:inline-flex;position:relative;overflow:hidden}.sf-stepper button{width:46px;height:48px;color:var(--sf-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:21px;transition:all .16s;display:flex}.sf-stepper button:hover{color:var(--sf-acc-deep)}.sf-stepper button:active{transform:scale(.9)}.sf-val{text-align:center;min-width:58px;color:var(--sf-text);font-size:15px;font-weight:800}.sf-val small{letter-spacing:.12em;color:var(--sf-dim);text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:700;display:block}@media (prefers-reduced-motion:reduce){.sf-btn,.sf-iconbtn,.sf-seg-btn,.sf-switch,.sf-knob,.sf-box,.sf-box svg,.sf-chip,.sf-stepper button,.sf-spinner{transition:none!important;animation:none!important}}