.ipc4-backdrop{z-index:1000;box-sizing:border-box;isolation:isolate;overscroll-behavior:contain;backdrop-filter:blur(10px)saturate(1.05);background:#d8e7ff70;grid-template-columns:minmax(0,1fr);place-items:center;padding:32px;animation:.22s both ipc4-backdrop-in;display:grid;position:fixed;inset:0;overflow:clip}.ipc4-backdrop:before,.ipc4-backdrop:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--np-accent) 20%,transparent),transparent 45%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,var(--np-accent-alt) 18%,transparent),transparent 45%);animation:18s ease-in-out infinite alternate ipc4-ambient-drift;position:absolute;inset:-12%}.ipc4-backdrop:after{opacity:.5;animation-duration:24s;animation-direction:alternate-reverse}.ipc4-dialog-shell{--experience-space:44px;--experience-title:clamp(30px,3.4vw,48px);--experience-radius:20px;--experience-max-height:calc(100dvh - 64px);--ipc4-ink:var(--np-ink);--ipc4-muted:var(--np-ink-muted);--ipc4-faint:var(--np-ink-faint);isolation:isolate;box-sizing:border-box;width:min(1120px,100%);min-width:0;max-width:100%;height:auto;max-height:var(--experience-max-height);border-radius:var(--experience-radius);background:var(--np-raised);color:var(--np-ink);font-family:var(--np-font-sans);animation:.38s cubic-bezier(.16,.82,.2,1) backwards ipc4-canvas-in;position:relative;box-shadow:0 24px 90px #1d3b7733}.ipc4-dialog-light{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:clip}.ipc4-dialog-light:before{content:"";background:radial-gradient(ellipse at 85% 10%,var(--np-accent-glow),transparent 48%),radial-gradient(ellipse at 12% 90%,color-mix(in srgb,var(--np-accent-alt) 8%,transparent),transparent 45%);opacity:.8;animation:16s ease-in-out infinite alternate ipc4-ambient-drift;position:absolute;inset:-12%}.ipc4-dialog{width:100%;height:auto;max-height:var(--experience-max-height);overscroll-behavior:contain;border:1px solid var(--np-line-strong);border-radius:inherit;color:inherit;scrollbar-width:none;background:0 0;outline:none;position:relative;overflow:hidden auto}.ipc4-dialog::-webkit-scrollbar{width:0;height:0}.ipc4-dialog__canvas{width:100%;padding:0;position:relative}.ipc4-dialog__close{z-index:20;border:1px solid var(--np-line);width:44px;height:44px;color:var(--np-ink);background:color-mix(in srgb,var(--np-raised) 94%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--np-ink) 8%,transparent);backdrop-filter:blur(8px);cursor:pointer;border-radius:50%;place-items:center;margin:14px 14px -58px auto;transition:background .18s,border-color .18s,box-shadow .18s;display:grid;position:sticky;top:14px}.ipc4-dialog__close:hover{background:var(--np-surface-hover);border-color:var(--np-line-strong);box-shadow:0 4px 18px color-mix(in srgb,var(--np-accent) 15%,transparent)}.ipc4-dialog__close:active{background:var(--np-surface)}.ipc4-dialog :focus-visible{outline:2px solid var(--np-accent);outline-offset:3px}.ipc4-scroll-trace{--ipc4-scroll-offset:0px;--ipc4-scroll-thumb-size:40px;z-index:21;pointer-events:none;opacity:1;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:8px;width:14px;transition:opacity .18s;display:grid;position:absolute;top:72px;bottom:22px;right:7px}.ipc4-scroll-trace[data-scrollable=false]{opacity:0}.ipc4-scroll-trace>small{color:var(--np-ink-faint);font-family:var(--np-font-mono);font-size:8px;line-height:1}.ipc4-scroll-trace>span{background:var(--np-line-strong);border-radius:9px;width:2px;height:100%;position:relative}.ipc4-scroll-trace i{width:3px;height:var(--ipc4-scroll-thumb-size);background:linear-gradient(var(--np-accent),var(--np-accent-alt));box-shadow:0 0 8px var(--np-accent-glow);transform:translate(-50%,var(--ipc4-scroll-offset));border-radius:9px;position:absolute;top:0;left:50%}html[data-theme=dark] .ipc4-backdrop{background:#0206178a}html[data-theme=dark] .ipc4-dialog-shell{box-shadow:0 24px 90px #0000007a}.ipc4-backdrop[data-closing=true]{pointer-events:none;animation:.28s both ipc4-backdrop-out}.ipc4-backdrop[data-closing=true] .ipc4-dialog-shell{animation:.28s cubic-bezier(.4,0,.8,.2) both ipc4-canvas-out}.ipc4-backdrop[data-placement=side]{justify-items:end;padding:20px}.ipc4-backdrop[data-placement=side] .ipc4-dialog-shell{--experience-max-height:calc(100dvh - 40px);width:min(920px,100%);animation-name:ipc4-side-in}.ipc4-backdrop[data-placement=side][data-closing=true] .ipc4-dialog-shell{animation-name:ipc4-side-out}@keyframes ipc4-side-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes ipc4-side-out{to{opacity:0;transform:translate(24px)}}.ipc4-backdrop[data-closing=true]:before,.ipc4-backdrop[data-closing=true]:after,.ipc4-backdrop[data-closing=true] .ipc4-dialog-light:before{animation-play-state:paused}@keyframes ipc4-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ipc4-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes ipc4-canvas-in{0%{opacity:0;transform:translateY(14px)scale(.992)}to{opacity:1;transform:none}}@keyframes ipc4-canvas-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)scale(.992)}}@keyframes ipc4-ambient-drift{0%{transform:translate(-3%,-2%)}to{transform:translate(3%,3%)}}.ipc4-dialog .experience-title{font-size:var(--experience-title);letter-spacing:-.035em;text-wrap:pretty;font-weight:600;line-height:1.25}.ipc4-dialog .experience-lead{color:var(--np-ink-muted);font-size:16px;line-height:1.85}.ipc4-dialog .experience-card{border:1px solid var(--np-line);background:var(--np-surface);border-radius:14px;padding:24px}.ipc4-dialog .experience-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ipc4-dialog .experience-actions>.hv4-button{flex:1;min-height:46px}@media (width<=767px){.ipc4-backdrop[data-placement=side]{padding:max(12px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.ipc4-backdrop[data-placement=side] .ipc4-dialog-shell{--experience-max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));animation-name:ipc4-canvas-in}.ipc4-backdrop[data-placement=side][data-closing=true] .ipc4-dialog-shell{animation-name:ipc4-canvas-out}.ipc4-backdrop{padding:max(12px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));align-items:end}.ipc4-dialog-shell{--experience-space:24px;--experience-title:29px;--experience-radius:20px;--experience-max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));width:100%}.ipc4-dialog__close{margin:10px 10px -54px auto;top:10px}.ipc4-scroll-trace{width:12px;top:68px;bottom:20px;right:4px}.ipc4-scroll-trace>small{font-size:7px}.ipc4-dialog .experience-lead{font-size:14px}.ipc4-dialog .experience-card{padding:20px}}.ipc4-backdrop[data-reduced=true],.ipc4-backdrop[data-reduced=true] *,.ipc4-backdrop[data-reduced=true]:before,.ipc4-backdrop[data-reduced=true]:after,.ipc4-backdrop[data-reduced=true] .ipc4-dialog-light:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.ipc4-backdrop,.ipc4-backdrop *,.ipc4-backdrop:before,.ipc4-backdrop:after,.ipc4-dialog-light:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.np-modal{width:min(560px,100%)}.np-modal--sm{width:min(440px,100%)}.np-modal--lg{width:min(720px,100%)}.np-modal--xl{width:min(960px,100%)}.np-modal--full{width:min(1280px,100%)}.np-modal-content{padding:32px}.np-modal-title{letter-spacing:-.5px;margin:0 0 24px;padding-right:44px;font-size:23px;font-weight:600;line-height:1.4}html[data-skin=dashboard] .ipc4-dialog-light:before{opacity:.22;animation:none}html[data-skin=dashboard] .ipc4-backdrop:before,html[data-skin=dashboard] .ipc4-backdrop:after{display:none}html[data-skin=dashboard] .ipc4-dialog-shell{--experience-radius:16px;background:var(--db5-panel)}@media (width<=767px){.np-modal-content{padding:24px 20px}.np-modal-title{padding-right:42px;font-size:21px}}
