body,html{transition:all cubic-bezier(.175,.885,.32,1.275)}:root,.light,.light-orange{--color-brand-primary:#ff5000;--color-text-disabled:#d4d4d8;--color-brand-secondary:#fff5f0;--color-brand-accent:#ff5000;--color-brand-primary-hover:#e64800;--color-brand-secondary-hover:#feece3;--color-brand-accent-hover:#e64800;--color-text-primary:#18181b;--color-text-secondary:#71717a;--color-text-placeholder:#a1a1aa;--color-text-on-brand:#fff;--color-text-link:#ff5000;--color-bg-body:#f3f4f6;--color-bg-surface:#fff;--color-bg-surface-hover:#e4e4e7;--color-bg-secondary:#f4f4f5;--color-bg-accent:#fffffffa;--color-border-primary:#e4e4e7;--color-border-secondary:#f3f4f6;--color-utility-success:#10b981;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#3b82f6;--color-heading:#18181b;--auth-overlay-start:#fff6;--auth-overlay-end:#fff5f0e6;--shadow-color-rgb:0,0,0}.dark,.dark-blue{--color-brand-primary:#388bfd;--color-text-disabled:#3f3f46;--color-brand-secondary:#58a6ff1a;--color-brand-accent:#58a6ff;--color-brand-primary-hover:#6aa8fe;--color-brand-secondary-hover:#58a6ff33;--color-brand-accent-hover:#ff8c52;--color-text-primary:#f3f4f6;--color-text-secondary:#a1a1aa;--color-text-placeholder:#71717a;--color-text-on-brand:#fff;--color-text-link:#58a6ff;--color-bg-body:#0d1117;--color-bg-surface:#161b22;--color-bg-surface-hover:#202731;--color-bg-secondary:#ffffff08;--color-bg-accent:#000000b3;--color-border-primary:#18181b;--color-border-secondary:transparent;--color-utility-success:#34d399;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#58a6ff;--color-heading:#fff;--auth-overlay-start:#121212cc;--auth-overlay-end:#0d1117e6;--shadow-color-rgb:0,0,0}.modal-overlay{z-index:1000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:640px){.modal-overlay{align-items:center;padding:2.5rem}}.modal-overlay{visibility:hidden;transition:visibility .4s}.modal-overlay--open{visibility:visible}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background-color:#00000080;transition:opacity .4s;position:absolute;inset:0}.modal-overlay--open .modal-backdrop{opacity:1}.modal-container{background-color:var(--color-bg-surface);z-index:10;border-radius:24px 24px 0 0;flex-direction:column;width:100%;height:auto;max-height:92dvh;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;transform:translateY(100%);box-shadow:0 -10px 40px #0000001a}.modal-container__handle{background-color:var(--color-border-secondary);border-radius:9999px;width:40px;height:4px;margin:.75rem auto 0}@media (min-width:640px){.modal-container__handle{display:none}.modal-container{opacity:0;border-radius:24px;max-height:85vh;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;transform:scale(.9)translateY(20px)}}.modal-container--open{transform:translateY(0)}@media (min-width:640px){.modal-container--open{opacity:1;transform:scale(1)translateY(0)}}.modal-container--sm{max-width:420px}.modal-container--md{max-width:580px}.modal-container--lg{max-width:900px}.modal-container--xl{max-width:1140px}.modal-header{background-color:var(--color-bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-close-btn{background-color:var(--color-bg-secondary);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.modal-close-btn:hover{background-color:var(--color-utility-error);color:#fff;transform:rotate(90deg)}.modal-content{flex:1;padding:0 1.5rem 1.5rem;overflow-y:auto}.modal-content::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar-thumb{background-color:var(--color-border-primary);border-radius:9999px}.modal-footer{border-top:1px solid var(--color-border-secondary);background-color:var(--color-bg-secondary);border-radius:0 0 24px 24px;flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (max-width:640px){.modal-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom));border-radius:0}}
