.btn{--lip:var(--lip-h);isolation:isolate;justify-content:center;align-items:center;gap:var(--btn-gap);min-height:var(--btn-h-md);padding:var(--space-2) var(--btn-pad-x-md);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--btn-font-md);font-weight:var(--fw-semibold);line-height:var(--lh-tight);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-spring-soft), color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative}.btn--sm{--lip:3px;min-height:var(--btn-h-sm);padding:var(--space-1) var(--btn-pad-x-sm);font-size:var(--btn-font-sm)}.btn--lg{--lip:5px;min-height:var(--btn-h-lg);padding:var(--space-2) var(--btn-pad-x-lg);font-size:var(--btn-font-lg)}:root{--btn-lift:-2px}.btn svg{transition:transform .35s var(--ease-spring-soft)}.btn--primary,.btn--dark,.btn--error,.btn--destructive,.btn--danger,.btn--success{--shine:linear-gradient(105deg, transparent 40%, #ffffff8c 50%, transparent 60%)}.btn:before{content:"";border-radius:inherit;z-index:-1;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);position:absolute;inset:-1px}.btn--primary,.btn--dark{color:var(--color-primary-contrast);background:var(--fill-primary);box-shadow:var(--bevel-top), 0 var(--lip) 0 0 var(--lip-primary), var(--shadow-xs), inset 0 0 8px #ffffff2e}.btn--primary:before,.btn--dark:before{background:var(--shine) 170% 0 / 260% 100% no-repeat, var(--fill-primary-hover);transition:opacity var(--dur-base) var(--ease-out), background-position .8s var(--ease-out)}.btn--secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--bevel-soft), 0 var(--lip) 0 0 var(--lip-neutral)}.btn--secondary:before{background:var(--color-surface-2)}.btn--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn--ghost:before{background:color-mix(in srgb, var(--color-text) 7%, transparent);inset:0}.btn--tinted{color:var(--color-primary-text);background:var(--color-primary-soft);border-color:color-mix(in srgb, var(--color-primary) 18%, transparent)}.btn--tinted:before{background:color-mix(in srgb, var(--color-primary) 12%, transparent);inset:0}.btn--error,.btn--destructive,.btn--danger{color:var(--color-on-color);background:linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 78%, black), color-mix(in srgb, var(--color-danger) 70%, black));box-shadow:var(--bevel-top), 0 var(--lip) 0 0 var(--lip-danger), var(--shadow-xs)}.btn--error:before,.btn--destructive:before,.btn--danger:before{background:var(--shine) 170% 0 / 260% 100% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 70%, black), color-mix(in srgb, var(--color-danger) 62%, black));transition:opacity var(--dur-base) var(--ease-out), background-position .8s var(--ease-out)}.btn--success{color:#052b0b;background:linear-gradient(180deg, color-mix(in srgb, var(--color-success) 88%, white), var(--color-success));box-shadow:var(--bevel-top), 0 var(--lip) 0 0 var(--lip-success), var(--shadow-xs)}.btn--success:before{background:var(--shine) 170% 0 / 260% 100% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--color-success) 76%, white), color-mix(in srgb, var(--color-success) 92%, white));transition:opacity var(--dur-base) var(--ease-out), background-position .8s var(--ease-out)}.btn--glass{color:var(--color-text);background:var(--glass-bg-1);-webkit-backdrop-filter:var(--glass-filter-1);backdrop-filter:var(--glass-filter-1);box-shadow:var(--glass-rim)}.btn--glass:before{background:var(--glass-bg-2);inset:0}.btn--icon{width:var(--btn-h-md);min-width:var(--btn-h-md);padding:0}.btn--sm.btn--icon{width:var(--btn-h-sm);min-width:var(--btn-h-sm);padding:0}.btn--lg.btn--icon{width:var(--btn-h-lg);min-width:var(--btn-h-lg);padding:0}.btn--block{width:100%}@media (hover:hover){.btn:not(:disabled):not([aria-disabled=true]):not(.is-loading):not([aria-busy=true]):hover:before{opacity:1}.btn--primary:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover,.btn--dark:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover{transform:translateY(var(--btn-lift));box-shadow:var(--bevel-top), 0 var(--lip) 0 0 var(--lip-primary-hover), var(--btn-glow), inset 0 0 16px #fff6}.btn--error:not(:disabled):hover,.btn--destructive:not(:disabled):hover,.btn--danger:not(:disabled):hover{transform:translateY(var(--btn-lift));box-shadow:var(--bevel-top), 0 var(--lip) 0 0 var(--lip-danger), 0 6px 18px -6px color-mix(in srgb, var(--color-danger) 55%, transparent)}.btn--success:not(:disabled):hover{transform:translateY(var(--btn-lift));box-shadow:var(--bevel-top), 0 var(--lip) 0 0 var(--lip-success), 0 6px 18px -6px color-mix(in srgb, var(--color-success) 55%, transparent)}.btn--secondary:not(:disabled):hover{transform:translateY(var(--btn-lift));box-shadow:var(--bevel-soft), 0 var(--lip) 0 0 var(--lip-neutral), 0 10px 18px -12px #0f172a59}.btn--ghost:not(:disabled):hover,.btn--tinted:not(:disabled):hover{transform:translateY(-1px)}.btn--glass:not(:disabled):hover{box-shadow:var(--glass-rim), 0 6px 18px -8px color-mix(in srgb, var(--color-primary) 50%, transparent);transform:translateY(-2px)}.btn--primary:not(:disabled):not(.is-loading):hover:before,.btn--dark:not(:disabled):not(.is-loading):hover:before,.btn--danger:not(:disabled):hover:before,.btn--error:not(:disabled):hover:before,.btn--destructive:not(:disabled):hover:before,.btn--success:not(:disabled):hover:before{background-position:-90% 0,0 0}.btn:not(:disabled):hover svg{transform:scale(1.14)rotate(-6deg)}.btn--icon:not(:disabled):hover svg{transform:scale(1.18)rotate(8deg)}}.btn--primary:active:not(:disabled):not([aria-disabled=true]):not(.is-loading):not([aria-busy=true]),.btn--dark:active:not(:disabled):not([aria-disabled=true]):not(.is-loading):not([aria-busy=true]){transform:translateY(var(--press-shift));transition-duration:var(--dur-instant);box-shadow:var(--bevel-top), 0 var(--lip-h-pressed) 0 0 var(--lip-primary), inset 0 0 8px #ffffff2e}.btn--error:active:not(:disabled),.btn--destructive:active:not(:disabled),.btn--danger:active:not(:disabled){transform:translateY(var(--press-shift));transition-duration:var(--dur-instant);box-shadow:var(--bevel-top), 0 var(--lip-h-pressed) 0 0 var(--lip-danger)}.btn--success:active:not(:disabled){transform:translateY(var(--press-shift));transition-duration:var(--dur-instant);box-shadow:var(--bevel-top), 0 var(--lip-h-pressed) 0 0 var(--lip-success)}.btn--secondary:active:not(:disabled){transform:translateY(var(--press-shift));transition-duration:var(--dur-instant);box-shadow:var(--bevel-soft), 0 var(--lip-h-pressed) 0 0 var(--lip-neutral)}.btn--ghost:active:not(:disabled),.btn--tinted:active:not(:disabled),.btn--glass:active:not(:disabled){transform:scale(var(--press-scale));transition-duration:var(--dur-instant)}.btn:active:not(:disabled) svg{transform:scale(.9)}.btn:focus-visible{outline:none}.btn--primary:focus-visible,.btn--dark:focus-visible{box-shadow:var(--bevel-top), 0 var(--lip) 0 0 var(--lip-primary), var(--focus-ring)}.btn--error:focus-visible,.btn--destructive:focus-visible,.btn--danger:focus-visible,.btn--success:focus-visible,.btn--secondary:focus-visible,.btn--ghost:focus-visible,.btn--tinted:focus-visible,.btn--glass:focus-visible{box-shadow:var(--focus-ring)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;color:var(--color-disabled-text);background:var(--color-disabled-bg);box-shadow:var(--bevel-bottom);opacity:1;background-image:none;border-color:#0000;transform:none}.btn:disabled:before,.btn[aria-disabled=true]:before{opacity:0}.btn.is-loading,.btn[aria-busy=true]{cursor:progress;pointer-events:none}@media (prefers-reduced-motion:reduce){.btn,.btn:active:not(:disabled),.btn:hover{transform:none!important}.btn:before{transition:none!important}.btn svg{transition:none!important;transform:none!important}}
.styled-input-wrapper{width:100%;display:flex;position:relative}.styled-input{background-color:var(--bg-primary);width:100%;color:var(--text-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-family:var(--font-sans);transition:border-color var(--transition), box-shadow var(--transition);appearance:none;outline:none;padding:12px 16px}.styled-input::placeholder{color:var(--text-tertiary)}.styled-input:hover{border-color:var(--text-tertiary)}.styled-input:focus,.styled-input:focus-visible{border-color:var(--accent-info);box-shadow:0 0 0 3px #007aff1f}.styled-input.token{-webkit-text-security:disc;padding-right:48px}select.styled-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' fill='none'%3E%3Cpath d='M1 1.5l5.5 5 5.5-5' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.show-token-button{border-radius:var(--radius);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:background-color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;overflow:hidden;transform:translateY(-50%)}.show-token-button:hover,.show-token-button:active{background-color:var(--bg-tertiary)}.eyes-token{cursor:pointer;width:80px;transition:transform var(--transition), opacity var(--transition);justify-content:center;align-items:center;display:flex}.show-token-button:active .eyes-token{opacity:.8;transform:scale(.9)}
