.scrim,.scrim#scrim-settings,.scrim#scrim-htp,.scrim#scrim-end{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#10121d8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.scrim .modal,.modal{background:var(--color-bg-app,#fff);border:1px solid var(--color-border-subtle,#e5e8ee);border-radius:24px;flex-direction:column;width:100%;max-width:640px;max-height:88vh;padding:0;display:flex;position:relative;top:auto;left:auto;overflow:hidden;transform:none;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.scrim .modal.modal--sm,.modal--sm{max-width:480px}.modal-scroll{flex:auto;min-height:0;padding:28px 32px 24px;overflow-y:auto}.modal-foot{border-bottom:1px solid var(--color-border-subtle,#e5e8ee);background:var(--color-bg-app,#fff);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex}.modal-x{z-index:10;border:1px solid var(--color-border-subtle,#e5e8ee);background:var(--color-bg-app,#fff);width:36px;height:36px;color:var(--color-ink-secondary,#4b5563);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:20px;right:20px}.modal-x:hover{background:var(--color-bg-subtle,#f8f9fa);color:var(--color-ink-primary,#0b0d12);border-color:var(--color-border-default,#d1d5db)}.modal .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#7c3aed;margin:0;font-size:12px;font-weight:800}.modal .mtitle{letter-spacing:-.02em;color:var(--color-ink-primary,#0b0d12);margin:8px 0 6px;font-family:inherit;font-size:24px;font-weight:800}.modal .msub{color:var(--color-ink-secondary,#4b5563);max-width:52ch;margin:0 0 20px;font-size:14px;line-height:1.5}.modal .row-label{color:var(--color-ink-primary,#0b0d12);margin:0;font-size:15px;font-weight:700}.modal .row-help{color:var(--color-ink-secondary,#4b5563);max-width:42ch;margin:4px 0 0;font-size:13px;line-height:1.45}.modal .seg{border-radius:var(--r-btn,8px);border:1px solid var(--color-border-default,#d1d5db);background:var(--color-bg-app,#fff);display:inline-flex;overflow:hidden}.modal .seg-opt{min-height:40px;color:var(--color-ink-primary,#0b0d12);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.modal .seg-opt[aria-checked=true]{color:#fff;background:#7c3aed}.modal .toggle{background:var(--color-border-default,#d1d5db);cursor:pointer;border:0;border-radius:9999px;flex-shrink:0;width:50px;height:28px;transition:background .2s cubic-bezier(.2,.8,.2,1);position:relative}.modal .toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.modal .toggle[aria-checked=true]{background:#7c3aed}.modal .toggle[aria-checked=true]:after{transform:translate(22px)}.modal .callout{border-left:3px solid var(--color-lang-purple,#7c52d4);color:var(--color-ink-secondary,#4b5563);background:#f8f6ff;border-radius:6px;margin:20px 0 0;padding:12px 16px;font-size:13px;line-height:1.5}.modal .cta{border-radius:var(--r-btn,8px);color:#fff;cursor:pointer;background:#7c3aed;border:0;justify-content:center;align-items:center;min-height:42px;padding:0 24px;font-size:14px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.modal .cta:hover{opacity:.92}.modal .cta:active{transform:scale(.98)}.modal .btn-outline{border-radius:var(--r-btn,8px);border:1px solid var(--color-border-default,#d1d5db);background:var(--color-bg-app,#fff);min-height:42px;color:var(--color-ink-primary,#0b0d12);cursor:pointer;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.modal .btn-outline:hover{background:var(--color-bg-subtle,#f8f9fa);border-color:var(--color-ink-secondary,#4b5563)}.modal .link-purple{color:#7c3aed;cursor:pointer;font-weight:600;text-decoration:underline}.modal .link-purple:hover{opacity:.85}.modal .htp-head{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal .htp-art{flex:none;justify-content:center;align-items:center;width:140px;display:flex}.modal .htp-list{flex-direction:column;gap:12px;display:flex}.modal .htp-item{border:1px solid var(--color-border-subtle,#e5e8ee);border-radius:var(--r-btn,8px);background:var(--color-bg-app,#fff);gap:14px;padding:14px;display:flex}.modal .htp-num{color:#7c3aed;background:#7c3aed1f;border-radius:6px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-flex}.modal .htp-item h4{color:var(--color-ink-primary,#0b0d12);margin:0 0 4px;font-size:14px;font-weight:700}.modal .htp-item p{color:var(--color-ink-secondary,#4b5563);margin:0;font-size:13px;line-height:1.45}.modal .htp-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.modal .htp-chip{border:1px solid var(--color-border-default,#d1d5db);background:var(--color-bg-app,#fff);color:var(--color-ink-secondary,#4b5563);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.modal-grab{background:#e5e7eb;border-radius:2px;width:48px;height:4px;margin:16px auto 0;display:block}.modal .row{border-bottom:1px solid var(--color-border-subtle,#e5e8ee);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.modal .row:first-of-type{border-top:1px solid var(--color-border-subtle,#e5e8ee)}.modal .row:last-of-type{border-bottom:none}@media (width<=768px){#scrim-settings{align-items:flex-end;padding:0}#scrim-settings .modal{width:100%;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);border:none;border-top:1px solid var(--color-border-subtle,#e5e8ee);border-radius:24px 24px 0 0;margin:0}}