html.compare-save-dialog-open{overflow:hidden}.compare-save-dialog{position:fixed;inset:0;z-index:calc(var(--z-modal, 1000) + 6);display:grid;place-items:center;padding:clamp(16px,4vw,32px)}.compare-save-dialog.hidden{display:none}.compare-save-dialog__backdrop{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 0%,rgba(184,68,36,.1),transparent 70%),color-mix(in srgb,#111418 62%,transparent);backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05)}.compare-save-dialog__panel{position:relative;width:min(100%,460px);display:grid;gap:var(--space-4);padding:var(--space-6);border:1px solid color-mix(in srgb,var(--color-border) 70%,var(--color-accent) 30%);border-radius:var(--radius-lg);background:radial-gradient(circle at 14% -10%,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 55%),var(--color-surface);box-shadow:var(--shadow-floating);animation:compare-save-dialog-rise var(--duration-base) var(--ease-spring)}@keyframes compare-save-dialog-rise{0%{transform:translateY(8px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.compare-save-dialog__handle{display:none}.compare-save-dialog__close{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.compare-save-dialog__close:hover,.compare-save-dialog__close:focus-visible{border-color:var(--color-border);background:var(--color-bg-alt);color:var(--color-text)}.compare-save-dialog__head{display:grid;gap:var(--space-3);padding-right:var(--space-7)}.compare-save-dialog__chip{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-2);padding:5px var(--space-3) 5px 9px;border:1px solid color-mix(in srgb,var(--color-accent) 28%,var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));color:var(--color-text);font-family:var(--font-display);font-size:.6875rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.compare-save-dialog__chip-icon{width:14px;height:14px;color:var(--color-accent);flex:0 0 auto}.compare-save-dialog__panel--dirty .compare-save-dialog__chip{border-color:color-mix(in srgb,var(--color-warning, #9f5f18) 40%,var(--color-border));background:color-mix(in srgb,var(--color-warning, #9f5f18) 8%,var(--color-surface))}.compare-save-dialog__panel--dirty .compare-save-dialog__chip-icon{color:var(--color-warning, #9f5f18)}.compare-save-dialog__copy{display:grid;gap:var(--space-2)}.compare-save-dialog__copy h2{margin:0;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.6rem);font-weight:800;line-height:1.15;letter-spacing:-.012em;color:var(--color-text)}.compare-save-dialog__copy p{margin:0;color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5}.compare-save-dialog__copy strong{color:var(--color-text);font-weight:700}.compare-save-dialog__field{display:grid;gap:var(--space-2)}.compare-save-dialog__field-label{font-size:.6875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary)}.compare-save-dialog__field-input{position:relative;display:block;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-alt) 60%,var(--color-surface));border:1px solid var(--color-border);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.compare-save-dialog__field-input:before{content:"";position:absolute;left:var(--space-3);top:50%;width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 18%,transparent);transform:translateY(-50%)}.compare-save-dialog__field-input:focus-within{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.compare-save-dialog__field input{width:100%;min-height:var(--space-12);padding:0 var(--space-4) 0 calc(var(--space-3) + 6px + var(--space-3));border:0;background:transparent;color:var(--color-text);font:inherit;font-family:var(--font-display);font-size:1.0625rem;font-weight:700;letter-spacing:-.005em}.compare-save-dialog__field input:focus{outline:0}.compare-save-dialog__field input::placeholder{color:var(--color-text-tertiary);font-weight:600;letter-spacing:0}.compare-save-dialog__error{margin:0;padding:0 var(--space-1);color:var(--color-danger);font-size:.82rem;font-weight:700;line-height:1.4}.compare-save-dialog__note{margin:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);color:var(--color-text-tertiary);font-size:.8125rem;line-height:1.45}.compare-save-dialog__note-icon{width:14px;height:14px;color:var(--color-text-tertiary);flex:0 0 auto}.compare-save-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1)}.compare-save-dialog__button{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:-.005em;cursor:pointer;transition:transform var(--duration-base) var(--ease-spring),border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.compare-save-dialog__button:hover,.compare-save-dialog__button:focus-visible{transform:translateY(-1px)}.compare-save-dialog__button:active{transform:translateY(0)}.compare-save-dialog__button--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.compare-save-dialog__button--ghost:hover,.compare-save-dialog__button--ghost:focus-visible{border-color:var(--color-border);background:var(--color-bg-alt);color:var(--color-text)}.compare-save-dialog__button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.compare-save-dialog__button--secondary:hover,.compare-save-dialog__button--secondary:focus-visible{border-color:var(--color-text-secondary);background:var(--color-bg-alt)}.compare-save-dialog__button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:0 6px 16px color-mix(in srgb,var(--color-accent) 32%,transparent)}.compare-save-dialog__button--primary:hover,.compare-save-dialog__button--primary:focus-visible{border-color:var(--color-accent-hover);background:var(--color-accent-hover);box-shadow:0 10px 22px color-mix(in srgb,var(--color-accent) 36%,transparent)}@media(max-width:640px){.compare-save-dialog{align-items:end;padding:0}.compare-save-dialog__panel{width:100%;max-height:min(92dvh,720px);overflow:auto;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;gap:var(--space-3);animation:compare-save-dialog-slide-up var(--duration-base) var(--ease-emphasized)}@keyframes compare-save-dialog-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.compare-save-dialog__handle{justify-self:center;display:block;width:44px;height:4px;margin-bottom:var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text-tertiary) 50%,transparent)}.compare-save-dialog__close{top:var(--space-2);right:var(--space-2)}.compare-save-dialog__head{padding-right:var(--space-8)}.compare-save-dialog__copy h2{font-size:1.25rem}.compare-save-dialog__field input{min-height:52px;font-size:1rem}.compare-save-dialog__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.compare-save-dialog__button{width:100%;min-height:48px}.compare-save-dialog__button--primary{order:1}.compare-save-dialog__button--secondary{order:2}.compare-save-dialog__button--ghost{order:3}}