.app-modal__overlay{position:fixed;z-index:var(--hf-z-index-overlay, 30);inset:0;background:color-mix(in srgb,var(--shell) 82%,transparent);-webkit-backdrop-filter:blur(10px) saturate(.8);backdrop-filter:blur(10px) saturate(.8);animation:app-modal-overlay-in .18s ease-out both}.app-modal__content,.app-modal__content *,.app-modal__content *:before,.app-modal__content *:after{box-sizing:border-box}.app-modal__content{position:fixed;z-index:var(--hf-z-index-modal, 40);top:50%;left:50%;display:flex;width:min(calc(100vw - 32px),560px);max-height:min(820px,calc(100svh - 32px));flex-direction:column;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-modal);outline:0;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 32%),linear-gradient(155deg,var(--surface-2),var(--surface-1) 60%,var(--shell-raised));color:var(--text-primary);box-shadow:var(--shadow-modal),var(--shadow-card),var(--inset-highlight);font-family:var(--font-body);transform:translate(-50%,-50%);animation:app-modal-content-in .22s cubic-bezier(.2,.8,.2,1) both}.app-modal__content[data-size=small]{width:min(calc(100vw - 32px),440px)}.app-modal__content[data-size=large]{width:min(calc(100vw - 32px),760px)}.app-modal__content[data-variant=drawer]{inset:0 0 0 auto;width:min(440px,100vw);height:100svh;max-height:none;border-top:0;border-right:0;border-bottom:0;border-radius:0;transform:none;animation-name:app-modal-drawer-in}.app-modal__content[data-variant=drawer]:before{display:none}.app-modal__content:before{position:absolute;right:52px;left:24px;top:0;height:1px;background:linear-gradient(90deg,var(--accent-bright),transparent 72%);opacity:.55;content:""}.app-modal__close{position:absolute;z-index:2;top:18px;right:18px;display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid var(--border-subtle);border-radius:50%;background:color-mix(in srgb,var(--surface-1) 82%,transparent);color:var(--text-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease}.app-modal__close:hover{transform:rotate(4deg);border-color:var(--border-active);color:var(--text-primary);background:var(--surface-hover)}.app-modal__close:disabled{transform:none;opacity:.45;cursor:not-allowed}.app-modal__close:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.app-modal__close svg{width:18px;height:18px}.app-modal__header{padding:25px 72px 0 26px}.app-modal__eyebrow{margin:0 0 8px;color:var(--accent-bright);font-size:10px;font-weight:780;letter-spacing:.14em;line-height:1;text-transform:uppercase}.app-modal__title{margin:0;font-family:var(--font-display);font-size:clamp(25px,3vw,31px);font-weight:650;letter-spacing:-.04em;line-height:1.08}.app-modal__description{max-width:520px;margin:9px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.55}.app-modal__body{min-height:0;overflow:hidden auto;padding:22px 26px 24px;scrollbar-width:thin;scrollbar-color:var(--accent-dark) transparent}.app-modal__footer{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:9px;padding:15px 26px 18px;border-top:1px solid var(--divider);background:color-mix(in srgb,var(--surface-1) 78%,transparent)}.app-modal__footer button{display:inline-flex;min-width:96px;height:42px;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-1);color:var(--text-secondary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.app-modal__footer button:hover{border-color:var(--border-active);color:var(--text-primary);background:var(--surface-hover)}.app-modal__footer button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.app-modal__footer button:disabled{opacity:.45;cursor:not-allowed}.app-modal__footer button[data-variant=primary]{border-color:var(--border-active);background:linear-gradient(180deg,var(--button-top),var(--button-bottom));color:var(--text-on-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent)}.app-modal__footer button[data-variant=primary]:hover{filter:brightness(1.08)}@media(max-width:767px){.app-modal__content[data-variant=drawer]{inset:auto 0 0;width:100%;height:auto;max-height:calc(100svh - 12px);border-top:1px solid var(--border-default);border-right:0;border-bottom:0;border-left:0;border-radius:var(--radius-modal) var(--radius-modal) 0 0;animation-name:app-modal-sheet-in}}@media(max-width:540px){.app-modal__content{inset:auto 0 0;width:100%;max-height:calc(100svh - 12px);border-right:0;border-bottom:0;border-left:0;border-radius:var(--radius-modal) var(--radius-modal) 0 0;transform:none;animation-name:app-modal-sheet-in}.app-modal__content[data-size]{width:100%}.app-modal__header{padding:23px 62px 0 20px}.app-modal__body{padding:20px}.app-modal__footer{padding:13px 20px calc(16px + env(safe-area-inset-bottom))}.app-modal__footer button{min-width:0;flex:1}.app-modal__close{top:14px;right:14px}}@media(prefers-reduced-motion:reduce){.app-modal__overlay,.app-modal__content{animation-duration:.001ms!important}}html[data-tagg-reduce-motion=true] .app-modal__overlay,html[data-tagg-reduce-motion=true] .app-modal__content{animation-duration:.001ms!important}@keyframes app-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes app-modal-content-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes app-modal-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes app-modal-sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
