.btn{background-color:var(--primary-opacity);border:1px solid var(--dark-gray);color:var(--white);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1rem;transition:all .2s;display:flex}@media (width<=768px){.btn{gap:.4rem;padding:.7rem .9rem}}@media (width<=480px){.btn{gap:.3rem;width:100%;padding:.6rem .8rem}}.btn svg{opacity:.9;width:1.1rem;height:1.1rem}@media (width<=480px){.btn svg{width:1rem;height:1rem}}.btn h3{color:var(--white);margin:0;font-size:1rem;font-weight:500}@media (width<=768px){.btn h3{font-size:.9rem}}@media (width<=480px){.btn h3{font-size:.85rem}}.btn:hover{filter:brightness(.8)}.btn:active{transform:scale(.97)}.btn:disabled{background-color:var(--gray);cursor:not-allowed}.type-secondary{background-color:var(--lighter-background)}.type-danger{background-color:var(--error-opacity)}.btn.icon-only{background-color:#0000;border:none;padding:.5rem}.btn.icon-only svg{width:1.125rem;height:1.125rem;color:var(--subtext)}.btn.icon-only:hover{background-color:var(--gray);filter:none}.btn.icon-only:hover svg{color:var(--white)}.btn.icon-only.type-primary:hover{background-color:var(--primary-opacity)}.btn.icon-only.type-primary:hover svg{color:var(--primary)}.btn.icon-only.type-danger{background-color:#0000}.btn.icon-only.type-danger:hover{background-color:var(--error-opacity)}.btn.icon-only.type-danger:hover svg{color:var(--error)}:root{--accent-color:#314bd3}:root[data-theme=dark]{--background:#000a12;--terminal:#13181c;--lighter-background:#0d161e;--dialog-background:#00000040;--gray-full:#202429;--darker-gray:#22242a99;--dark-gray:#ffffff0d;--gray:#ffffff1a;--light-gray:#f6f6f6;--primary:var(--accent-color);--primary-opacity:color-mix(in srgb, var(--accent-color) 25%, transparent);--error:#a44747;--error-opacity:#a4474740;--success:#29c16a;--success-opacity:#29c16a40;--warning:#dc5600;--warning-opacity:#dc560040;--white:#fff;--subtext:#b7b7b7;--text:#fff;--shadow-sm:0 1px 2px #00000040, 0 1px 3px #00000026;--shadow-md:0 2px 6px #00000040, 0 4px 12px #00000026;--shadow-lg:0 4px 12px #0000004d, 0 8px 24px #0000002e;--shadow-xl:0 8px 24px #00000059, 0 16px 48px #00000038}:root[data-theme=light]{--background:#fff;--terminal:#f5f5f5;--lighter-background:#f0f0f0;--dialog-background:#f5f5f54f;--gray-full:#e5e5e5;--darker-gray:#f1efefeb;--dark-gray:#0000000d;--gray:#0000001a;--light-gray:#333;--primary:var(--accent-color);--primary-opacity:color-mix(in srgb, var(--accent-color) 15%, transparent);--error:#d85959;--error-opacity:#d8595926;--success:#29c16a;--success-opacity:#29c16a26;--warning:#dc5600;--warning-opacity:#dc560026;--white:#000;--subtext:#666;--text:#000;--shadow-sm:0 1px 2px #0000000a, 0 1px 3px #0000000d;--shadow-md:0 1px 3px #0000000d, 0 2px 8px #0000000f;--shadow-lg:0 2px 6px #0000000f, 0 6px 18px #00000014;--shadow-xl:0 4px 12px #00000014, 0 12px 32px #0000001a}:root[data-theme=oled]{--background:#000;--terminal:#000;--lighter-background:#0a0a0a;--dialog-background:#00000080;--gray-full:#1a1a1a;--darker-gray:#141414cc;--dark-gray:#ffffff0d;--gray:#ffffff1a;--light-gray:#f6f6f6;--primary:var(--accent-color);--primary-opacity:color-mix(in srgb, var(--accent-color) 25%, transparent);--error:#a44747;--error-opacity:#a4474740;--success:#29c16a;--success-opacity:#29c16a40;--warning:#dc5600;--warning-opacity:#dc560040;--white:#fff;--subtext:#888;--text:#fff;--shadow-sm:0 1px 2px #0006, 0 1px 3px #00000040;--shadow-md:0 2px 6px #0006, 0 4px 12px #00000040;--shadow-lg:0 4px 12px #00000073, 0 8px 24px #0000004d;--shadow-xl:0 8px 24px #00000080, 0 16px 48px #00000059}.toast-container{z-index:10002;pointer-events:none;flex-direction:column-reverse;gap:12px;width:calc(100% - 96px);max-width:380px;display:flex;position:fixed;bottom:32px;right:48px}.toast{background-color:var(--lighter-background);border:1px solid var(--dark-gray);width:100%;box-shadow:var(--shadow-lg);pointer-events:all;border-radius:.75rem;align-items:flex-start;padding:1rem;animation:.25s cubic-bezier(.4,0,.2,1) toast-enter;display:flex;overflow:hidden}.toast.no-description{align-items:center}.toast.no-description .toast-title{margin-bottom:0}.toast.toast-exit{animation:.15s cubic-bezier(.4,0,.2,1) forwards toast-exit}.toast[data-type=Success] .toast-icon{background-color:var(--success-opacity);border-color:var(--success);color:var(--success)}.toast[data-type=Error] .toast-icon{background-color:var(--error-opacity);border-color:var(--error);color:var(--error)}.toast[data-type=Warning] .toast-icon{background-color:var(--warning-opacity);border-color:var(--warning);color:var(--warning)}.toast[data-type=Info] .toast-icon{background-color:var(--primary-opacity);border-color:var(--primary);color:var(--primary)}.toast-icon{background-color:var(--primary-opacity);border:1px solid var(--primary);width:2rem;height:2rem;color:var(--primary);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;margin-right:.875rem;display:flex}.toast-icon svg{width:1.125rem;height:1.125rem}.toast-content{flex:1;min-width:0;margin-right:.5rem}.toast-title{color:var(--white);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.toast-description{color:var(--subtext);word-wrap:break-word;font-size:.85rem;line-height:1.5}.toast-close{border:1px solid var(--gray);color:var(--subtext);cursor:pointer;background:0 0;border-radius:.375rem;outline:none;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:1.75rem;height:1.75rem;transition:all .1s;display:flex}.toast-close svg{width:1rem;height:1rem}.toast-close:hover{color:var(--white);background-color:var(--gray);border-color:var(--error)}@keyframes toast-enter{0%{opacity:0;transform:translate(16px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(16px)scale(.95)}}@media (width<=480px){.toast-container{width:auto;max-width:none;bottom:20px;left:20px;right:20px}.toast{padding:.875rem}}
