.snackbar{bottom:var(--spacing-lg);background-color:var(--surface-container-highest);color:var(--on-surface);justify-content:space-between;align-items:center;gap:var(--spacing-md);box-shadow:var(--elevation-3);z-index:2000;transition:transform var(--transition-medium), opacity var(--transition-fast);opacity:0;border-radius:12px;min-width:320px;max-width:90vw;padding:12px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(100px)}.snackbar.visible{opacity:1;transform:translate(-50%)translateY(0)}.snackbar-content{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.snackbar-message{font-size:var(--font-size-body)}.snackbar-action{color:var(--primary);font-weight:500;font-size:var(--font-size-label);transition:background-color var(--transition-fast);border-radius:4px;padding:4px 8px;text-decoration:none}.snackbar-action:hover{background-color:var(--primary-container);color:var(--on-primary-container)}.snackbar-close{color:var(--on-surface-variant);cursor:pointer;width:24px;height:24px;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.snackbar-close:hover{background-color:var(--surface-container-high)}@media (width<=600px){.snackbar{bottom:var(--spacing-md);min-width:calc(100vw - 32px)}}